@apexcura/ui-components 0.0.14-Beta72 → 0.0.14-Beta74
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 +18 -1
- package/dist/index.mjs +18 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1088,6 +1088,7 @@ var import_react31 = __toESM(require("react"));
|
|
|
1088
1088
|
var import_highcharts = __toESM(require("highcharts"));
|
|
1089
1089
|
var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
|
|
1090
1090
|
var Donut = (props) => {
|
|
1091
|
+
console.log(props);
|
|
1091
1092
|
const total = 100;
|
|
1092
1093
|
const girls = 20;
|
|
1093
1094
|
const girlsPercentage = girls / total * 100;
|
|
@@ -1134,7 +1135,22 @@ var Donut = (props) => {
|
|
|
1134
1135
|
series: [{
|
|
1135
1136
|
type: "pie",
|
|
1136
1137
|
name: "Percentage",
|
|
1137
|
-
data:
|
|
1138
|
+
data: [{
|
|
1139
|
+
name: "Girls",
|
|
1140
|
+
y: 20,
|
|
1141
|
+
color: "#FF6384"
|
|
1142
|
+
// Custom color for Girls
|
|
1143
|
+
}, {
|
|
1144
|
+
name: "Boys",
|
|
1145
|
+
y: 40,
|
|
1146
|
+
color: "#36A2EB"
|
|
1147
|
+
// Custom color for Boys
|
|
1148
|
+
}, {
|
|
1149
|
+
name: "Students",
|
|
1150
|
+
y: 40,
|
|
1151
|
+
color: "#FFCE56"
|
|
1152
|
+
// Custom color for Students
|
|
1153
|
+
}]
|
|
1138
1154
|
}],
|
|
1139
1155
|
legend: {
|
|
1140
1156
|
enabled: true,
|
|
@@ -1147,6 +1163,7 @@ var Donut = (props) => {
|
|
|
1147
1163
|
}
|
|
1148
1164
|
}
|
|
1149
1165
|
};
|
|
1166
|
+
console.log(chartOptions.series);
|
|
1150
1167
|
return /* @__PURE__ */ import_react31.default.createElement(
|
|
1151
1168
|
import_highcharts_react_official.default,
|
|
1152
1169
|
{
|
package/dist/index.mjs
CHANGED
|
@@ -1027,6 +1027,7 @@ import React31 from "react";
|
|
|
1027
1027
|
import Highcharts from "highcharts";
|
|
1028
1028
|
import HighchartsReact from "highcharts-react-official";
|
|
1029
1029
|
var Donut = (props) => {
|
|
1030
|
+
console.log(props);
|
|
1030
1031
|
const total = 100;
|
|
1031
1032
|
const girls = 20;
|
|
1032
1033
|
const girlsPercentage = girls / total * 100;
|
|
@@ -1073,7 +1074,22 @@ var Donut = (props) => {
|
|
|
1073
1074
|
series: [{
|
|
1074
1075
|
type: "pie",
|
|
1075
1076
|
name: "Percentage",
|
|
1076
|
-
data:
|
|
1077
|
+
data: [{
|
|
1078
|
+
name: "Girls",
|
|
1079
|
+
y: 20,
|
|
1080
|
+
color: "#FF6384"
|
|
1081
|
+
// Custom color for Girls
|
|
1082
|
+
}, {
|
|
1083
|
+
name: "Boys",
|
|
1084
|
+
y: 40,
|
|
1085
|
+
color: "#36A2EB"
|
|
1086
|
+
// Custom color for Boys
|
|
1087
|
+
}, {
|
|
1088
|
+
name: "Students",
|
|
1089
|
+
y: 40,
|
|
1090
|
+
color: "#FFCE56"
|
|
1091
|
+
// Custom color for Students
|
|
1092
|
+
}]
|
|
1077
1093
|
}],
|
|
1078
1094
|
legend: {
|
|
1079
1095
|
enabled: true,
|
|
@@ -1086,6 +1102,7 @@ var Donut = (props) => {
|
|
|
1086
1102
|
}
|
|
1087
1103
|
}
|
|
1088
1104
|
};
|
|
1105
|
+
console.log(chartOptions.series);
|
|
1089
1106
|
return /* @__PURE__ */ React31.createElement(
|
|
1090
1107
|
HighchartsReact,
|
|
1091
1108
|
{
|