38 lines
645 B
JavaScript
38 lines
645 B
JavaScript
var options = {
|
|
chart: {
|
|
width: 400,
|
|
type: 'donut',
|
|
},
|
|
labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E'],
|
|
series: [20, 20, 20, 20, 20],
|
|
responsive: [{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width: 200
|
|
},
|
|
legend: {
|
|
position: 'bottom'
|
|
}
|
|
}
|
|
}],
|
|
stroke: {
|
|
width: 0,
|
|
},
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shadeIntensity: 1,
|
|
inverseColors: false,
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
stops: [70, 100]
|
|
}
|
|
},
|
|
colors: ['#005f1d', '#007524', '#01902d', '#00bb3a', '#5bca7d'],
|
|
}
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#basic-donut-graph-gradient"),
|
|
options
|
|
);
|
|
chart.render(); |