在HighCharts中如何自动设置xAxis的数量?

时间:2016-05-24 05:52:32

标签: javascript html css highcharts highstock

正如您所看到的,我现在正在使用HighStock of HighCharts以获得滚动条 我想设置xAxis的最大数量。如果我这样编码就行了:

xAxis: {
    max: 8
    categories: data.categories
}  

这是渲染: normal one 但是当它涉及一些没有那么多xAxis数据的数据时,它会显示如下: Bad one
我想要实现的是,当数据小于某个数字时,例如8,它会占用图表而不是留下那么多空白。
这是照片:
My target

1 个答案:

答案 0 :(得分:1)

解决方法是检查类别数组是否大于8,如果不是,则将最大值设置为类别长度

xAxis: {
        max: categories.length < 8 ? categories.length - 1: 8,
        categories: categories
    },

示例: