-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathDiabetesChart.jsx
48 lines (47 loc) · 1.1 KB
/
DiabetesChart.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
const diabetesChart = {
chart: {
type: 'column'
},
title: {
text: '',
floating: true
},
xAxis: {
labels: { style: { fontSize: '16px' } },
categories: ['Diabetes', 'Diagnosed', 'Controlled'],
crosshair: true
},
yAxis: {
min: 0,
valueSuffix: ' %',
labels: {
style: { fontSize: '16px' },
formatter: function () {
return Math.abs(this.value) + '%';
}
},
title: {
text: '% of Sub-population'
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b> {point.y:.1f}% </b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
// borderWidth: 0,
borderColor: '#303030'
},
series: {
borderColor: '#303030'
}
},
series: []
};
export default diabetesChart;