Question

我正在尝试让我的类别跨越Highcharts中的多个数据点。以下是一个示例fidde：http://jsfiddle.net/pn9qvz7v/

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

在我的例子中，我希望“Jan”类别跨越1和2个数据点，“Feb”类别跨越3和4个数据点，“Mar”类别跨越1和2个数据点跨越5和6个数据点。有一个简单的方法吗？

感谢。

Answer 1

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

而不是：

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

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

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

更新了小提琴：

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

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

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

跨越多个点在Highcharts中跨越类别

1 个答案: