我正在绘制一个图表,但我需要在 x 轴上显示该月的 31 天。
如果你看看这个http://jsfiddle.net/codebreaker87/7hq6ueeb/2/show/
它只显示 31 天,但缺少 31 天。这是代码
http://jsfiddle.net/codebreaker87/7hq6ueeb/6/
如何显示第 31 天?
这是我到目前为止的代码
Highcharts.chart('container', {
chart: {
type: 'line'
},
title: {
text: 'SMS Volumes'
},
subtitle: {
text: 'Source: Textify'
},
xAxis: {
categories: ['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']
},
yAxis: {
title: {
text: 'Volumes(1000)'
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
name: 'Inbox',
data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6,7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6,7.0, 6.9, 9.5, 14.5, 18.4, 21.5]
}, {
name: 'Outbox',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8,3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8,3.9, 4.2, 5.7, 8.5, 11.9, 15.2]
}]
});
最佳答案
您可以将xAxis.max值设置为30(类别从0开始索引)。
xAxis: {
categories: ['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'],
max: 30
},
示例:
关于javascript - Highcharts x 轴上的 31 天,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43139572/