35 lines
731 B
JavaScript
35 lines
731 B
JavaScript
var options = {
|
|
chart: {
|
|
height: 320,
|
|
type: 'radialBar',
|
|
},
|
|
plotOptions: {
|
|
radialBar: {
|
|
dataLabels: {
|
|
name: {
|
|
fontSize: '22px',
|
|
},
|
|
value: {
|
|
fontSize: '16px',
|
|
},
|
|
total: {
|
|
show: true,
|
|
label: 'Sales',
|
|
formatter: function (w) {
|
|
// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
|
|
return '2500'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
series: [90, 80, 70, 60, 50],
|
|
labels: ['iMac', 'Macbook', 'iPad', 'iPhone', 'Others'],
|
|
colors: ['#005f1d', '#007524', '#01902d', '#00bb3a', '#5bca7d'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#basic-radial-graph"),
|
|
options
|
|
);
|
|
chart.render(); |