@apexcura/ui-components 0.0.14-Beta80 → 0.0.14-Beta82
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 +1 -28
- package/dist/index.mjs +1 -28
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1089,31 +1089,7 @@ var import_react31 = __toESM(require("react"));
|
|
|
1089
1089
|
var import_highcharts = __toESM(require("highcharts"));
|
|
1090
1090
|
var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
|
|
1091
1091
|
var Donut = (props) => {
|
|
1092
|
-
console.log(props);
|
|
1093
|
-
const girlsPercentage = 20;
|
|
1094
1092
|
const chartOptions = {
|
|
1095
|
-
chart: {
|
|
1096
|
-
type: "pie",
|
|
1097
|
-
events: {
|
|
1098
|
-
render: function() {
|
|
1099
|
-
const chart = this;
|
|
1100
|
-
const width = chart.plotWidth;
|
|
1101
|
-
const height = chart.plotHeight;
|
|
1102
|
-
const centerX = chart.plotLeft + width / 2;
|
|
1103
|
-
const centerY = chart.plotTop + height / 2;
|
|
1104
|
-
if (!chart.customText) {
|
|
1105
|
-
chart.customText = chart.renderer.text(`Girls ${girlsPercentage.toFixed(1)}%`, centerX, centerY).attr({
|
|
1106
|
-
align: "center",
|
|
1107
|
-
zIndex: 5
|
|
1108
|
-
}).add();
|
|
1109
|
-
} else {
|
|
1110
|
-
chart.customText.attr({
|
|
1111
|
-
text: `${girlsPercentage.toFixed(1)}%`
|
|
1112
|
-
});
|
|
1113
|
-
}
|
|
1114
|
-
}
|
|
1115
|
-
}
|
|
1116
|
-
},
|
|
1117
1093
|
title: {
|
|
1118
1094
|
text: "Distribution of Students"
|
|
1119
1095
|
},
|
|
@@ -1153,9 +1129,6 @@ var Donut = (props) => {
|
|
|
1153
1129
|
]
|
|
1154
1130
|
}
|
|
1155
1131
|
],
|
|
1156
|
-
// tooltip: {
|
|
1157
|
-
// // pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y:.1f}%</b><br/>'
|
|
1158
|
-
// },
|
|
1159
1132
|
legend: {
|
|
1160
1133
|
enabled: true,
|
|
1161
1134
|
align: "left",
|
|
@@ -1167,7 +1140,7 @@ var Donut = (props) => {
|
|
|
1167
1140
|
}
|
|
1168
1141
|
}
|
|
1169
1142
|
};
|
|
1170
|
-
return /* @__PURE__ */ import_react31.default.createElement(
|
|
1143
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: chartOptions });
|
|
1171
1144
|
};
|
|
1172
1145
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1173
1146
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -1028,31 +1028,7 @@ import React31 from "react";
|
|
|
1028
1028
|
import Highcharts from "highcharts";
|
|
1029
1029
|
import HighchartsReact from "highcharts-react-official";
|
|
1030
1030
|
var Donut = (props) => {
|
|
1031
|
-
console.log(props);
|
|
1032
|
-
const girlsPercentage = 20;
|
|
1033
1031
|
const chartOptions = {
|
|
1034
|
-
chart: {
|
|
1035
|
-
type: "pie",
|
|
1036
|
-
events: {
|
|
1037
|
-
render: function() {
|
|
1038
|
-
const chart = this;
|
|
1039
|
-
const width = chart.plotWidth;
|
|
1040
|
-
const height = chart.plotHeight;
|
|
1041
|
-
const centerX = chart.plotLeft + width / 2;
|
|
1042
|
-
const centerY = chart.plotTop + height / 2;
|
|
1043
|
-
if (!chart.customText) {
|
|
1044
|
-
chart.customText = chart.renderer.text(`Girls ${girlsPercentage.toFixed(1)}%`, centerX, centerY).attr({
|
|
1045
|
-
align: "center",
|
|
1046
|
-
zIndex: 5
|
|
1047
|
-
}).add();
|
|
1048
|
-
} else {
|
|
1049
|
-
chart.customText.attr({
|
|
1050
|
-
text: `${girlsPercentage.toFixed(1)}%`
|
|
1051
|
-
});
|
|
1052
|
-
}
|
|
1053
|
-
}
|
|
1054
|
-
}
|
|
1055
|
-
},
|
|
1056
1032
|
title: {
|
|
1057
1033
|
text: "Distribution of Students"
|
|
1058
1034
|
},
|
|
@@ -1092,9 +1068,6 @@ var Donut = (props) => {
|
|
|
1092
1068
|
]
|
|
1093
1069
|
}
|
|
1094
1070
|
],
|
|
1095
|
-
// tooltip: {
|
|
1096
|
-
// // pointFormat: '<span style="color:{point.color}">\u25CF</span> {series.name}: <b>{point.y:.1f}%</b><br/>'
|
|
1097
|
-
// },
|
|
1098
1071
|
legend: {
|
|
1099
1072
|
enabled: true,
|
|
1100
1073
|
align: "left",
|
|
@@ -1106,7 +1079,7 @@ var Donut = (props) => {
|
|
|
1106
1079
|
}
|
|
1107
1080
|
}
|
|
1108
1081
|
};
|
|
1109
|
-
return /* @__PURE__ */ React31.createElement(
|
|
1082
|
+
return /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options: chartOptions });
|
|
1110
1083
|
};
|
|
1111
1084
|
export {
|
|
1112
1085
|
AddMoreTable,
|