@apexcura/ui-components 0.0.14-Beta74 → 0.0.14-Beta75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +6 -6
- package/dist/index.mjs +6 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1089,9 +1089,7 @@ var import_highcharts = __toESM(require("highcharts"));
|
|
|
1089
1089
|
var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
|
|
1090
1090
|
var Donut = (props) => {
|
|
1091
1091
|
console.log(props);
|
|
1092
|
-
const
|
|
1093
|
-
const girls = 20;
|
|
1094
|
-
const girlsPercentage = girls / total * 100;
|
|
1092
|
+
const girlsPercentage = 20;
|
|
1095
1093
|
const chartOptions = {
|
|
1096
1094
|
chart: {
|
|
1097
1095
|
type: "pie",
|
|
@@ -1104,7 +1102,7 @@ var Donut = (props) => {
|
|
|
1104
1102
|
const centerY = chart.plotTop + height / 2;
|
|
1105
1103
|
if (!chart.customText) {
|
|
1106
1104
|
chart.customText = chart.renderer.text(
|
|
1107
|
-
|
|
1105
|
+
`Girls ${girlsPercentage.toFixed(1)}%`,
|
|
1108
1106
|
centerX,
|
|
1109
1107
|
centerY
|
|
1110
1108
|
).attr({
|
|
@@ -1152,18 +1150,20 @@ var Donut = (props) => {
|
|
|
1152
1150
|
// Custom color for Students
|
|
1153
1151
|
}]
|
|
1154
1152
|
}],
|
|
1153
|
+
// tooltip: {
|
|
1154
|
+
// // pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y:.1f}%</b><br/>'
|
|
1155
|
+
// },
|
|
1155
1156
|
legend: {
|
|
1156
1157
|
enabled: true,
|
|
1157
1158
|
align: "left",
|
|
1158
1159
|
verticalAlign: "middle",
|
|
1159
|
-
layout: "
|
|
1160
|
+
layout: "vertical",
|
|
1160
1161
|
labelFormatter: function() {
|
|
1161
1162
|
const point = this;
|
|
1162
1163
|
return `${point.name}: ${point.y?.toFixed(1)}%`;
|
|
1163
1164
|
}
|
|
1164
1165
|
}
|
|
1165
1166
|
};
|
|
1166
|
-
console.log(chartOptions.series);
|
|
1167
1167
|
return /* @__PURE__ */ import_react31.default.createElement(
|
|
1168
1168
|
import_highcharts_react_official.default,
|
|
1169
1169
|
{
|
package/dist/index.mjs
CHANGED
|
@@ -1028,9 +1028,7 @@ import Highcharts from "highcharts";
|
|
|
1028
1028
|
import HighchartsReact from "highcharts-react-official";
|
|
1029
1029
|
var Donut = (props) => {
|
|
1030
1030
|
console.log(props);
|
|
1031
|
-
const
|
|
1032
|
-
const girls = 20;
|
|
1033
|
-
const girlsPercentage = girls / total * 100;
|
|
1031
|
+
const girlsPercentage = 20;
|
|
1034
1032
|
const chartOptions = {
|
|
1035
1033
|
chart: {
|
|
1036
1034
|
type: "pie",
|
|
@@ -1043,7 +1041,7 @@ var Donut = (props) => {
|
|
|
1043
1041
|
const centerY = chart.plotTop + height / 2;
|
|
1044
1042
|
if (!chart.customText) {
|
|
1045
1043
|
chart.customText = chart.renderer.text(
|
|
1046
|
-
|
|
1044
|
+
`Girls ${girlsPercentage.toFixed(1)}%`,
|
|
1047
1045
|
centerX,
|
|
1048
1046
|
centerY
|
|
1049
1047
|
).attr({
|
|
@@ -1091,18 +1089,20 @@ var Donut = (props) => {
|
|
|
1091
1089
|
// Custom color for Students
|
|
1092
1090
|
}]
|
|
1093
1091
|
}],
|
|
1092
|
+
// tooltip: {
|
|
1093
|
+
// // pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y:.1f}%</b><br/>'
|
|
1094
|
+
// },
|
|
1094
1095
|
legend: {
|
|
1095
1096
|
enabled: true,
|
|
1096
1097
|
align: "left",
|
|
1097
1098
|
verticalAlign: "middle",
|
|
1098
|
-
layout: "
|
|
1099
|
+
layout: "vertical",
|
|
1099
1100
|
labelFormatter: function() {
|
|
1100
1101
|
const point = this;
|
|
1101
1102
|
return `${point.name}: ${point.y?.toFixed(1)}%`;
|
|
1102
1103
|
}
|
|
1103
1104
|
}
|
|
1104
1105
|
};
|
|
1105
|
-
console.log(chartOptions.series);
|
|
1106
1106
|
return /* @__PURE__ */ React31.createElement(
|
|
1107
1107
|
HighchartsReact,
|
|
1108
1108
|
{
|