Question

我在日期时间轴上显示了多个系列。

问题在于，同一系列在同一日期可以有多个条目。

是否有一种方法可以根据我传递给highcharts的另一个ID变量来分隔这些堆栈？

此示例接近我的需要：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/demo/column-stacked-and-grouped/

  series: [{
    name: 'John',
    data: [5, 3, 4, 7, 2],
    stack: 'male'
}, {
    name: 'Joe',
    data: [3, 4, 4, 2, 5],
    stack: 'male'
}, {
    name: 'Jane',
    data: [2, 5, 6, 2, 1],
    stack: 'female'
}, {
    name: 'Janet',
    data: [3, 0, 4, 4, 3],
    stack: 'female'
}]

但是，我不需要按序列定义堆栈，而是需要按单个数据点定义堆栈。

Answer 1

但是我不需要按系列定义堆栈，而是需要通过单个数据点。

不幸的是，这将需要大量的自定义代码。但是，使用linkedTo和id系列属性有更好的解决方案。如果您拥有相同的系列且在同一日期有多个条目，则将它们拆分为具有不同的stack的单独的系列。例如，在第一个系列中设置id = '1'，在第二个系列中设置linkedTo = '1'。当两个系列链接在一起时，图例中只会出现第一个。

示例代码：

  series: [{
    name: 'John',
    data: [5, 3, 4, 7, 2],
    stack: 'male',
    id: 'john'
  }, {
    name: 'John',
    data: [2, 5, 6, 2, 1],
    stack: 'female',
    linkedTo: 'john'
  }, {
    name: 'Joe',
    data: [3, 4, 4, 2, 5],
    stack: 'male'
  }, {
    name: 'Janet',
    data: [3, 0, 4, 4, 3],
    stack: 'female'
  }]

演示： https://jsfiddle.net/BlackLabel/ure08d4k/6/

高图：如何在日期时间轴上分离堆积的列

1 个答案: