2025-08-12 13:33:25 +03:00

36 lines
884 B
JSON
Executable File

<!-- required files -->
<script src="../assets/plugins/apexcharts/dist/apexcharts.min.js"></script>
<div id="apex-pie-chart"></div>
<script>
var options = {
chart: {
height: 365,
type: 'pie',
},
dataLabels: {
dropShadow: {
enabled: false,
top: 1,
left: 1,
blur: 1,
opacity: 0.45
}
},
stroke: { show: true, colors: [app.color.componentBg], width: 2, dashArray: 0 },
colors: [app.color.pink, app.color.orange, app.color.blue, app.color.success, app.color.indigo],
labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
series: [44, 55, 13, 43, 22],
title: {
text: 'HeatMap Chart (Single color)'
}
};
var chart = new ApexCharts(
document.querySelector('#apex-pie-chart'),
options
);
chart.render();
</script>