29 lines
1.2 KiB
JSON
Executable File
29 lines
1.2 KiB
JSON
Executable File
<!-- required files -->
|
|
<script src="../assets/plugins/chart.js/dist/chart.umd.js"></script>
|
|
|
|
<!-- html -->
|
|
<canvas id="doughnut-chart"></canvas>
|
|
|
|
<!-- script -->
|
|
<script>
|
|
Chart.defaults.color = 'rgba('+ app.color.componentColorRgb + ', .65)';
|
|
Chart.defaults.font.family = app.font.family;
|
|
Chart.defaults.font.weight = 500;
|
|
Chart.defaults.scale.grid.color = 'rgba('+ app.color.componentColorRgb + ', .15)';
|
|
Chart.defaults.scale.ticks.backdropColor = 'rgba('+ app.color.componentColorRgb + ', 0)';
|
|
|
|
var ctx6 = document.getElementById('doughnut-chart').getContext('2d');
|
|
window.myDoughnut = new Chart(ctx6, {
|
|
type: 'doughnut',
|
|
data: {
|
|
labels: ['Dataset 1', 'Dataset 2', 'Dataset 3', 'Dataset 4', 'Dataset 5'],
|
|
datasets: [{
|
|
data: [300, 50, 100, 40, 120],
|
|
backgroundColor: ['rgba('+ app.color.indigoRgb + ', .7)', 'rgba('+ app.color.blueRgb + ', .7)', 'rgba('+ app.color.successRgb + ', .7)', 'rgba('+ app.color.gray300Rgb + ', .7)', 'rgba('+ app.color.gray900Rgb + ', .7)'],
|
|
borderColor: [app.color.indigo, app.color.blue, app.color.success, app.color.gray300, app.color.gray900],
|
|
borderWidth: 2,
|
|
label: 'My dataset'
|
|
}]
|
|
}
|
|
});
|
|
</script> |