@apexcura/ui-components 0.0.14-Beta85 → 0.0.14-Beta86
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 +42 -0
- package/dist/index.mjs +42 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1088,6 +1088,48 @@ var OtpElement = (props) => {
|
|
|
1088
1088
|
var import_react31 = __toESM(require("react"));
|
|
1089
1089
|
var Donut = (props) => {
|
|
1090
1090
|
console.log(props);
|
|
1091
|
+
const chartOptions = {
|
|
1092
|
+
title: {
|
|
1093
|
+
text: "Distribution of Students"
|
|
1094
|
+
},
|
|
1095
|
+
plotOptions: {
|
|
1096
|
+
pie: {
|
|
1097
|
+
innerSize: "70%",
|
|
1098
|
+
dataLabels: {
|
|
1099
|
+
enabled: false,
|
|
1100
|
+
format: "<b>{point.name}</b>: {point.percentage:.1f} %"
|
|
1101
|
+
},
|
|
1102
|
+
showInLegend: true
|
|
1103
|
+
}
|
|
1104
|
+
},
|
|
1105
|
+
series: [
|
|
1106
|
+
{
|
|
1107
|
+
type: "pie",
|
|
1108
|
+
name: "Percentage",
|
|
1109
|
+
data: [
|
|
1110
|
+
{
|
|
1111
|
+
name: "Girls",
|
|
1112
|
+
y: 20,
|
|
1113
|
+
color: "#FF6384"
|
|
1114
|
+
// Custom color for Girls
|
|
1115
|
+
},
|
|
1116
|
+
{
|
|
1117
|
+
name: "Boys",
|
|
1118
|
+
y: 40,
|
|
1119
|
+
color: "#36A2EB"
|
|
1120
|
+
// Custom color for Boys
|
|
1121
|
+
},
|
|
1122
|
+
{
|
|
1123
|
+
name: "Students",
|
|
1124
|
+
y: 40,
|
|
1125
|
+
color: "#FFCE56"
|
|
1126
|
+
// Custom color for Students
|
|
1127
|
+
}
|
|
1128
|
+
]
|
|
1129
|
+
}
|
|
1130
|
+
]
|
|
1131
|
+
};
|
|
1132
|
+
console.log(chartOptions);
|
|
1091
1133
|
return /* @__PURE__ */ import_react31.default.createElement("h1", null, "fihejhfdwo");
|
|
1092
1134
|
};
|
|
1093
1135
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/index.mjs
CHANGED
|
@@ -1027,6 +1027,48 @@ var OtpElement = (props) => {
|
|
|
1027
1027
|
import React31 from "react";
|
|
1028
1028
|
var Donut = (props) => {
|
|
1029
1029
|
console.log(props);
|
|
1030
|
+
const chartOptions = {
|
|
1031
|
+
title: {
|
|
1032
|
+
text: "Distribution of Students"
|
|
1033
|
+
},
|
|
1034
|
+
plotOptions: {
|
|
1035
|
+
pie: {
|
|
1036
|
+
innerSize: "70%",
|
|
1037
|
+
dataLabels: {
|
|
1038
|
+
enabled: false,
|
|
1039
|
+
format: "<b>{point.name}</b>: {point.percentage:.1f} %"
|
|
1040
|
+
},
|
|
1041
|
+
showInLegend: true
|
|
1042
|
+
}
|
|
1043
|
+
},
|
|
1044
|
+
series: [
|
|
1045
|
+
{
|
|
1046
|
+
type: "pie",
|
|
1047
|
+
name: "Percentage",
|
|
1048
|
+
data: [
|
|
1049
|
+
{
|
|
1050
|
+
name: "Girls",
|
|
1051
|
+
y: 20,
|
|
1052
|
+
color: "#FF6384"
|
|
1053
|
+
// Custom color for Girls
|
|
1054
|
+
},
|
|
1055
|
+
{
|
|
1056
|
+
name: "Boys",
|
|
1057
|
+
y: 40,
|
|
1058
|
+
color: "#36A2EB"
|
|
1059
|
+
// Custom color for Boys
|
|
1060
|
+
},
|
|
1061
|
+
{
|
|
1062
|
+
name: "Students",
|
|
1063
|
+
y: 40,
|
|
1064
|
+
color: "#FFCE56"
|
|
1065
|
+
// Custom color for Students
|
|
1066
|
+
}
|
|
1067
|
+
]
|
|
1068
|
+
}
|
|
1069
|
+
]
|
|
1070
|
+
};
|
|
1071
|
+
console.log(chartOptions);
|
|
1030
1072
|
return /* @__PURE__ */ React31.createElement("h1", null, "fihejhfdwo");
|
|
1031
1073
|
};
|
|
1032
1074
|
export {
|