Code: Select all
Highcharts.chart('chart-name', {
chart:{
height:185,
type: 'column',
scrollablePlotArea: {
minWidth: 1200,
scrollPositionX: 1
},
},
title: {
text: ""
},
xAxis: { categories: this.state.category },
yAxis: [{
min: 0,
title: {
text: 'Alerts',
style: {
color: '#1A60A9'
}
},
labels: {
style: {
color: '#1A60A9'
}
}
}, {
title: {
text: 'Hours',
style: {
color: '#4DA343'
}
},
labels: {
style: {
color: '#4DA343'
}
},
opposite: true
}],
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}</b></td></tr>',
footerFormat: '</table>',
backgroundColor: 'white',
style:{
color:'black'
},
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0,
groupPadding: 0.2,
pointWidth: 20,
}
},
legend: false,
series: dataValue,
credits: false,
});
}