@apexcura/ui-components 0.0.14-Beta82 → 0.0.14-Beta83
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 +33 -46
- package/dist/index.mjs +33 -46
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1092,53 +1092,40 @@ var Donut = (props) => {
|
|
|
1092
1092
|
const chartOptions = {
|
|
1093
1093
|
title: {
|
|
1094
1094
|
text: "Distribution of Students"
|
|
1095
|
-
},
|
|
1096
|
-
plotOptions: {
|
|
1097
|
-
pie: {
|
|
1098
|
-
innerSize: "70%",
|
|
1099
|
-
dataLabels: {
|
|
1100
|
-
enabled: false,
|
|
1101
|
-
format: "<b>{point.name}</b>: {point.percentage:.1f} %"
|
|
1102
|
-
},
|
|
1103
|
-
showInLegend: true
|
|
1104
|
-
}
|
|
1105
|
-
},
|
|
1106
|
-
series: [
|
|
1107
|
-
{
|
|
1108
|
-
type: "pie",
|
|
1109
|
-
name: "Percentage",
|
|
1110
|
-
data: [
|
|
1111
|
-
{
|
|
1112
|
-
name: "Girls",
|
|
1113
|
-
y: 20,
|
|
1114
|
-
color: "#FF6384"
|
|
1115
|
-
// Custom color for Girls
|
|
1116
|
-
},
|
|
1117
|
-
{
|
|
1118
|
-
name: "Boys",
|
|
1119
|
-
y: 40,
|
|
1120
|
-
color: "#36A2EB"
|
|
1121
|
-
// Custom color for Boys
|
|
1122
|
-
},
|
|
1123
|
-
{
|
|
1124
|
-
name: "Students",
|
|
1125
|
-
y: 40,
|
|
1126
|
-
color: "#FFCE56"
|
|
1127
|
-
// Custom color for Students
|
|
1128
|
-
}
|
|
1129
|
-
]
|
|
1130
|
-
}
|
|
1131
|
-
],
|
|
1132
|
-
legend: {
|
|
1133
|
-
enabled: true,
|
|
1134
|
-
align: "left",
|
|
1135
|
-
verticalAlign: "middle",
|
|
1136
|
-
layout: "vertical",
|
|
1137
|
-
labelFormatter: function() {
|
|
1138
|
-
const point = this;
|
|
1139
|
-
return `${point.name}: ${point.y?.toFixed(1)}%`;
|
|
1140
|
-
}
|
|
1141
1095
|
}
|
|
1096
|
+
// plotOptions: {
|
|
1097
|
+
// pie: {
|
|
1098
|
+
// innerSize: "70%",
|
|
1099
|
+
// dataLabels: {
|
|
1100
|
+
// enabled: false,
|
|
1101
|
+
// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
|
|
1102
|
+
// },
|
|
1103
|
+
// showInLegend: true,
|
|
1104
|
+
// },
|
|
1105
|
+
// },
|
|
1106
|
+
// series: [
|
|
1107
|
+
// {
|
|
1108
|
+
// type: "pie",
|
|
1109
|
+
// name: "Percentage",
|
|
1110
|
+
// data: [
|
|
1111
|
+
// {
|
|
1112
|
+
// name: "Girls",
|
|
1113
|
+
// y: 20,
|
|
1114
|
+
// color: "#FF6384", // Custom color for Girls
|
|
1115
|
+
// },
|
|
1116
|
+
// {
|
|
1117
|
+
// name: "Boys",
|
|
1118
|
+
// y: 40,
|
|
1119
|
+
// color: "#36A2EB", // Custom color for Boys
|
|
1120
|
+
// },
|
|
1121
|
+
// {
|
|
1122
|
+
// name: "Students",
|
|
1123
|
+
// y: 40,
|
|
1124
|
+
// color: "#FFCE56", // Custom color for Students
|
|
1125
|
+
// },
|
|
1126
|
+
// ],
|
|
1127
|
+
// },
|
|
1128
|
+
// ],
|
|
1142
1129
|
};
|
|
1143
1130
|
return /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: chartOptions });
|
|
1144
1131
|
};
|
package/dist/index.mjs
CHANGED
|
@@ -1031,53 +1031,40 @@ var Donut = (props) => {
|
|
|
1031
1031
|
const chartOptions = {
|
|
1032
1032
|
title: {
|
|
1033
1033
|
text: "Distribution of Students"
|
|
1034
|
-
},
|
|
1035
|
-
plotOptions: {
|
|
1036
|
-
pie: {
|
|
1037
|
-
innerSize: "70%",
|
|
1038
|
-
dataLabels: {
|
|
1039
|
-
enabled: false,
|
|
1040
|
-
format: "<b>{point.name}</b>: {point.percentage:.1f} %"
|
|
1041
|
-
},
|
|
1042
|
-
showInLegend: true
|
|
1043
|
-
}
|
|
1044
|
-
},
|
|
1045
|
-
series: [
|
|
1046
|
-
{
|
|
1047
|
-
type: "pie",
|
|
1048
|
-
name: "Percentage",
|
|
1049
|
-
data: [
|
|
1050
|
-
{
|
|
1051
|
-
name: "Girls",
|
|
1052
|
-
y: 20,
|
|
1053
|
-
color: "#FF6384"
|
|
1054
|
-
// Custom color for Girls
|
|
1055
|
-
},
|
|
1056
|
-
{
|
|
1057
|
-
name: "Boys",
|
|
1058
|
-
y: 40,
|
|
1059
|
-
color: "#36A2EB"
|
|
1060
|
-
// Custom color for Boys
|
|
1061
|
-
},
|
|
1062
|
-
{
|
|
1063
|
-
name: "Students",
|
|
1064
|
-
y: 40,
|
|
1065
|
-
color: "#FFCE56"
|
|
1066
|
-
// Custom color for Students
|
|
1067
|
-
}
|
|
1068
|
-
]
|
|
1069
|
-
}
|
|
1070
|
-
],
|
|
1071
|
-
legend: {
|
|
1072
|
-
enabled: true,
|
|
1073
|
-
align: "left",
|
|
1074
|
-
verticalAlign: "middle",
|
|
1075
|
-
layout: "vertical",
|
|
1076
|
-
labelFormatter: function() {
|
|
1077
|
-
const point = this;
|
|
1078
|
-
return `${point.name}: ${point.y?.toFixed(1)}%`;
|
|
1079
|
-
}
|
|
1080
1034
|
}
|
|
1035
|
+
// plotOptions: {
|
|
1036
|
+
// pie: {
|
|
1037
|
+
// innerSize: "70%",
|
|
1038
|
+
// dataLabels: {
|
|
1039
|
+
// enabled: false,
|
|
1040
|
+
// format: "<b>{point.name}</b>: {point.percentage:.1f} %",
|
|
1041
|
+
// },
|
|
1042
|
+
// showInLegend: true,
|
|
1043
|
+
// },
|
|
1044
|
+
// },
|
|
1045
|
+
// series: [
|
|
1046
|
+
// {
|
|
1047
|
+
// type: "pie",
|
|
1048
|
+
// name: "Percentage",
|
|
1049
|
+
// data: [
|
|
1050
|
+
// {
|
|
1051
|
+
// name: "Girls",
|
|
1052
|
+
// y: 20,
|
|
1053
|
+
// color: "#FF6384", // Custom color for Girls
|
|
1054
|
+
// },
|
|
1055
|
+
// {
|
|
1056
|
+
// name: "Boys",
|
|
1057
|
+
// y: 40,
|
|
1058
|
+
// color: "#36A2EB", // Custom color for Boys
|
|
1059
|
+
// },
|
|
1060
|
+
// {
|
|
1061
|
+
// name: "Students",
|
|
1062
|
+
// y: 40,
|
|
1063
|
+
// color: "#FFCE56", // Custom color for Students
|
|
1064
|
+
// },
|
|
1065
|
+
// ],
|
|
1066
|
+
// },
|
|
1067
|
+
// ],
|
|
1081
1068
|
};
|
|
1082
1069
|
return /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options: chartOptions });
|
|
1083
1070
|
};
|