@apexcura/ui-components 0.0.14-Beta122 → 0.0.14-Beta123
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 +5 -23
- package/dist/index.mjs +5 -23
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1129,7 +1129,11 @@ var CircleDonut = (props) => {
|
|
|
1129
1129
|
text: `${label}: ${value}`,
|
|
1130
1130
|
fillStyle: dataset.backgroundColor[index],
|
|
1131
1131
|
hidden: isNaN(dataset.data[index]) || dataset.data[index] === null,
|
|
1132
|
-
index
|
|
1132
|
+
index,
|
|
1133
|
+
boxWidth: 20,
|
|
1134
|
+
// Set the width of the legend box
|
|
1135
|
+
borderColor: "transparent"
|
|
1136
|
+
// Eliminate the border color
|
|
1133
1137
|
};
|
|
1134
1138
|
});
|
|
1135
1139
|
}
|
|
@@ -1232,31 +1236,9 @@ var HorizontalBarChart = (props) => {
|
|
|
1232
1236
|
scales: {
|
|
1233
1237
|
x: {
|
|
1234
1238
|
beginAtZero: true
|
|
1235
|
-
},
|
|
1236
|
-
y: {
|
|
1237
|
-
ticks: {
|
|
1238
|
-
callback: (value) => `${value}%`
|
|
1239
|
-
}
|
|
1240
1239
|
}
|
|
1241
1240
|
},
|
|
1242
1241
|
plugins: {
|
|
1243
|
-
legend: {
|
|
1244
|
-
position: "top",
|
|
1245
|
-
labels: {
|
|
1246
|
-
generateLabels: (chart) => {
|
|
1247
|
-
const dataset = chart.data.datasets[0];
|
|
1248
|
-
return chart.data.labels.map((label, index) => {
|
|
1249
|
-
const value = dataset.data[index];
|
|
1250
|
-
return {
|
|
1251
|
-
text: `${label}: ${value}`,
|
|
1252
|
-
fillStyle: dataset.backgroundColor[index],
|
|
1253
|
-
hidden: isNaN(dataset.data[index]) || dataset.data[index] === null,
|
|
1254
|
-
index
|
|
1255
|
-
};
|
|
1256
|
-
});
|
|
1257
|
-
}
|
|
1258
|
-
}
|
|
1259
|
-
},
|
|
1260
1242
|
tooltip: {
|
|
1261
1243
|
enabled: true,
|
|
1262
1244
|
callbacks: {
|
package/dist/index.mjs
CHANGED
|
@@ -1072,7 +1072,11 @@ var CircleDonut = (props) => {
|
|
|
1072
1072
|
text: `${label}: ${value}`,
|
|
1073
1073
|
fillStyle: dataset.backgroundColor[index],
|
|
1074
1074
|
hidden: isNaN(dataset.data[index]) || dataset.data[index] === null,
|
|
1075
|
-
index
|
|
1075
|
+
index,
|
|
1076
|
+
boxWidth: 20,
|
|
1077
|
+
// Set the width of the legend box
|
|
1078
|
+
borderColor: "transparent"
|
|
1079
|
+
// Eliminate the border color
|
|
1076
1080
|
};
|
|
1077
1081
|
});
|
|
1078
1082
|
}
|
|
@@ -1188,31 +1192,9 @@ var HorizontalBarChart = (props) => {
|
|
|
1188
1192
|
scales: {
|
|
1189
1193
|
x: {
|
|
1190
1194
|
beginAtZero: true
|
|
1191
|
-
},
|
|
1192
|
-
y: {
|
|
1193
|
-
ticks: {
|
|
1194
|
-
callback: (value) => `${value}%`
|
|
1195
|
-
}
|
|
1196
1195
|
}
|
|
1197
1196
|
},
|
|
1198
1197
|
plugins: {
|
|
1199
|
-
legend: {
|
|
1200
|
-
position: "top",
|
|
1201
|
-
labels: {
|
|
1202
|
-
generateLabels: (chart) => {
|
|
1203
|
-
const dataset = chart.data.datasets[0];
|
|
1204
|
-
return chart.data.labels.map((label, index) => {
|
|
1205
|
-
const value = dataset.data[index];
|
|
1206
|
-
return {
|
|
1207
|
-
text: `${label}: ${value}`,
|
|
1208
|
-
fillStyle: dataset.backgroundColor[index],
|
|
1209
|
-
hidden: isNaN(dataset.data[index]) || dataset.data[index] === null,
|
|
1210
|
-
index
|
|
1211
|
-
};
|
|
1212
|
-
});
|
|
1213
|
-
}
|
|
1214
|
-
}
|
|
1215
|
-
},
|
|
1216
1198
|
tooltip: {
|
|
1217
1199
|
enabled: true,
|
|
1218
1200
|
callbacks: {
|