@apexcura/ui-components 0.0.14-Beta81 → 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 +41 -2
- package/dist/index.mjs +41 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1086,9 +1086,48 @@ var OtpElement = (props) => {
|
|
|
1086
1086
|
|
|
1087
1087
|
// src/Components/Donut.tsx
|
|
1088
1088
|
var import_react31 = __toESM(require("react"));
|
|
1089
|
+
var import_highcharts = __toESM(require("highcharts"));
|
|
1090
|
+
var import_highcharts_react_official = __toESM(require("highcharts-react-official"));
|
|
1089
1091
|
var Donut = (props) => {
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
+
const chartOptions = {
|
|
1093
|
+
title: {
|
|
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", // 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
|
+
// ],
|
|
1129
|
+
};
|
|
1130
|
+
return /* @__PURE__ */ import_react31.default.createElement(import_highcharts_react_official.default, { highcharts: import_highcharts.default, options: chartOptions });
|
|
1092
1131
|
};
|
|
1093
1132
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1094
1133
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -1025,9 +1025,48 @@ var OtpElement = (props) => {
|
|
|
1025
1025
|
|
|
1026
1026
|
// src/Components/Donut.tsx
|
|
1027
1027
|
import React31 from "react";
|
|
1028
|
+
import Highcharts from "highcharts";
|
|
1029
|
+
import HighchartsReact from "highcharts-react-official";
|
|
1028
1030
|
var Donut = (props) => {
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
+
const chartOptions = {
|
|
1032
|
+
title: {
|
|
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", // 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
|
+
// ],
|
|
1068
|
+
};
|
|
1069
|
+
return /* @__PURE__ */ React31.createElement(HighchartsReact, { highcharts: Highcharts, options: chartOptions });
|
|
1031
1070
|
};
|
|
1032
1071
|
export {
|
|
1033
1072
|
AddMoreTable,
|