javascript - 跨多个点跨越 Highcharts 中的类别

Question

我试图让我的类别跨越 Highcharts 中的多个数据点。这是一个例子:http://jsfiddle.net/pn9qvz7v/

$(function () {
    $('#container').highcharts({
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar']
        },
        series: [{
            data: [1, 2, 3, 4, 5, 6]
        }]
    });
});

在我的示例中，我希望“一月”类别跨越 1 和 2 个数据点，“二月”类别跨越 3 和 4 个数据点，“三月”类别跨越跨越 5 个和 6 个数据点。有没有简单的方法可以做到这一点？

谢谢。

Answer 1

您可以操纵数据的 x 值来实现此目的。

而不是:

data: [1, 2, 3, 4, 5, 6]

提供 x/y 对。 x 值是类别索引，在这种情况下，您需要在类别索引下方提供一个 x 值，在上方提供一个 x 值:

data: [
  [-0.25,1], 
  [0.25,2], 
  [0.75,3], 
  [1.25,4], 
  [1.75,5], 
  [2.25,6]
]

更新了 fiddle :

• http://jsfiddle.net/pn9qvz7v/1/

但是，如果您使用日期，为什么不只使用 datetime x 轴类型，并提供实际日期呢？

• http://api.highcharts.com/highcharts#xAxis.type