我有一个如下所述的Highchart条形图,它根据图表的高度在yAxis中显示一些数字值。如何添加以下值[0,40,80,120,160,200]并替换自动填充的值。
$('#barchart').highcharts({
chart: {
type: 'column',
backgroundColor:'rgba(255, 255, 255, 0.1)',
height: 250
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
categories: [
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
],
},
yAxis: {
min: 0,
max: 200,
title: {
text: ''
},
gridLineWidth: 1,
gridLineColor: '#eaeaea'
},
tooltip: {
headerFormat: '<span style="font-size:10px; font-family:inherit">{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
},
legend: {
enabled: false
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
series: [
{
name: 'Google',
data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 160.2, 194.1, 95.6, 54.4]
}, {
name: 'Yahoo',
data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
}, {
name: 'Bing',
data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]
}, {
name: 'Other',
data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
}
],
colors: [
'#e33e3e',
'#0671c7',
'#049025',
'#FFA206',
]
});
答案 0 :(得分:1)
使用tickInterval:
yAxis: {
min: 0,
max: 200,
title: {
text: ''
},
tickInterval: 40,
gridLineWidth: 1,
gridLineColor: '#eaeaea'
},
答案 1 :(得分:1)
您可以使用tickPositions / tickPositioner
http://api.highcharts.com/highcharts#yAxis.tickPositions
或将最小/最大值设置为manishie提到的。