有没有一种方法可以强制高线图在日期时间x轴上等距排列

Question

我有一项服务，它有计费周期的概念，每个计费可以有不同的开始日期，例如9月21日、10月21日，11月22日、12月15日等。

我将每个计费周期显示为日期时间x轴上的栏，但问题是，有时当两个计费周期的开始日期更近时，栏会重叠。

有没有一种方法可以使用高图在日期时间x轴上等距显示这些条形图，这样条形图就不会重叠。

Answer 1

我知道有两种方法可以实现这一点。

1-使用xAxis类别。创建xAxis类别数组，使其与数据系列数组具有1:1的对应关系。

看看这个js小提琴http://jsfiddle.net/looshi/7tyu8ssp/5/

即使日期在时间上的间隔不均匀，数据点在视觉上的间隔也会均匀。

    $(function () {
        $('#container').highcharts({
            xAxis: {
                categories: ['Jan', 'Feb', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            series: [{
                data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5], 
type: 'column'
            }]
        });
    });

2-另一个选项是升级到highstock.js库，并将xAxis的"ordinal"属性设置为true。Highstock是在Highcharts之上构建的一组附加功能。