@apexcura/ui-components 0.0.14-Beta75 → 0.0.14-Beta76
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 +28 -32
- package/dist/index.mjs +28 -32
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1101,11 +1101,7 @@ var Donut = (props) => {
|
|
|
1101
1101
|
const centerX = chart.plotLeft + width / 2;
|
|
1102
1102
|
const centerY = chart.plotTop + height / 2;
|
|
1103
1103
|
if (!chart.customText) {
|
|
1104
|
-
chart.customText = chart.renderer.text(
|
|
1105
|
-
`Girls ${girlsPercentage.toFixed(1)}%`,
|
|
1106
|
-
centerX,
|
|
1107
|
-
centerY
|
|
1108
|
-
).attr({
|
|
1104
|
+
chart.customText = chart.renderer.text(`Girls ${girlsPercentage.toFixed(1)}%`, centerX, centerY).attr({
|
|
1109
1105
|
align: "center",
|
|
1110
1106
|
zIndex: 5
|
|
1111
1107
|
}).add();
|
|
@@ -1130,26 +1126,32 @@ var Donut = (props) => {
|
|
|
1130
1126
|
showInLegend: true
|
|
1131
1127
|
}
|
|
1132
1128
|
},
|
|
1133
|
-
series: [
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1129
|
+
series: [
|
|
1130
|
+
{
|
|
1131
|
+
type: "pie",
|
|
1132
|
+
name: "Percentage",
|
|
1133
|
+
data: [
|
|
1134
|
+
{
|
|
1135
|
+
name: "Girls",
|
|
1136
|
+
y: 20,
|
|
1137
|
+
color: "#FF6384"
|
|
1138
|
+
// Custom color for Girls
|
|
1139
|
+
},
|
|
1140
|
+
{
|
|
1141
|
+
name: "Boys",
|
|
1142
|
+
y: 40,
|
|
1143
|
+
color: "#36A2EB"
|
|
1144
|
+
// Custom color for Boys
|
|
1145
|
+
},
|
|
1146
|
+
{
|
|
1147
|
+
name: "Students",
|
|
1148
|
+
y: 40,
|
|
1149
|
+
color: "#FFCE56"
|
|
1150
|
+
// Custom color for Students
|
|
1151
|
+
}
|
|
1152
|
+
]
|
|
1153
|
+
}
|
|
1154
|
+
],
|
|
1153
1155
|
// tooltip: {
|
|
1154
1156
|
// // pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y:.1f}%</b><br/>'
|
|
1155
1157
|
// },
|
|
@@ -1164,13 +1166,7 @@ var Donut = (props) => {
|
|
|
1164
1166
|
}
|
|
1165
1167
|
}
|
|
1166
1168
|
};
|
|
1167
|
-
return /* @__PURE__ */ import_react31.default.createElement(
|
|
1168
|
-
import_highcharts_react_official.default,
|
|
1169
|
-
{
|
|
1170
|
-
highcharts: import_highcharts.default,
|
|
1171
|
-
options: chartOptions
|
|
1172
|
-
}
|
|
1173
|
-
);
|
|
1169
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_react31.default.Fragment, null, /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: chartOptions }));
|
|
1174
1170
|
};
|
|
1175
1171
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1176
1172
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -1040,11 +1040,7 @@ var Donut = (props) => {
|
|
|
1040
1040
|
const centerX = chart.plotLeft + width / 2;
|
|
1041
1041
|
const centerY = chart.plotTop + height / 2;
|
|
1042
1042
|
if (!chart.customText) {
|
|
1043
|
-
chart.customText = chart.renderer.text(
|
|
1044
|
-
`Girls ${girlsPercentage.toFixed(1)}%`,
|
|
1045
|
-
centerX,
|
|
1046
|
-
centerY
|
|
1047
|
-
).attr({
|
|
1043
|
+
chart.customText = chart.renderer.text(`Girls ${girlsPercentage.toFixed(1)}%`, centerX, centerY).attr({
|
|
1048
1044
|
align: "center",
|
|
1049
1045
|
zIndex: 5
|
|
1050
1046
|
}).add();
|
|
@@ -1069,26 +1065,32 @@ var Donut = (props) => {
|
|
|
1069
1065
|
showInLegend: true
|
|
1070
1066
|
}
|
|
1071
1067
|
},
|
|
1072
|
-
series: [
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1068
|
+
series: [
|
|
1069
|
+
{
|
|
1070
|
+
type: "pie",
|
|
1071
|
+
name: "Percentage",
|
|
1072
|
+
data: [
|
|
1073
|
+
{
|
|
1074
|
+
name: "Girls",
|
|
1075
|
+
y: 20,
|
|
1076
|
+
color: "#FF6384"
|
|
1077
|
+
// Custom color for Girls
|
|
1078
|
+
},
|
|
1079
|
+
{
|
|
1080
|
+
name: "Boys",
|
|
1081
|
+
y: 40,
|
|
1082
|
+
color: "#36A2EB"
|
|
1083
|
+
// Custom color for Boys
|
|
1084
|
+
},
|
|
1085
|
+
{
|
|
1086
|
+
name: "Students",
|
|
1087
|
+
y: 40,
|
|
1088
|
+
color: "#FFCE56"
|
|
1089
|
+
// Custom color for Students
|
|
1090
|
+
}
|
|
1091
|
+
]
|
|
1092
|
+
}
|
|
1093
|
+
],
|
|
1092
1094
|
// tooltip: {
|
|
1093
1095
|
// // pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y:.1f}%</b><br/>'
|
|
1094
1096
|
// },
|
|
@@ -1103,13 +1105,7 @@ var Donut = (props) => {
|
|
|
1103
1105
|
}
|
|
1104
1106
|
}
|
|
1105
1107
|
};
|
|
1106
|
-
return /* @__PURE__ */ React31.createElement(
|
|
1107
|
-
HighchartsReact,
|
|
1108
|
-
{
|
|
1109
|
-
highcharts: Highcharts,
|
|
1110
|
-
options: chartOptions
|
|
1111
|
-
}
|
|
1112
|
-
);
|
|
1108
|
+
return /* @__PURE__ */ React31.createElement(React31.Fragment, null, /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options: chartOptions }));
|
|
1113
1109
|
};
|
|
1114
1110
|
export {
|
|
1115
1111
|
AddMoreTable,
|