Question

我使用“列”类型的高级图表来显示我的应用程序中的两个不同的数据集。这两个数据在同一柱形图中标记为不同系列。但是我需要为图形设置两个不同的plotOption{}。

如果我在Series[]中设置属性，Highcharts将引发错误。

如果我使用plotOptions{}设置属性，则该属性将同时应用于两个图表列。

例如：

 series: [
    {
      type: 'column',
      name: 'Data1',
      data: data1,
      color: "#31598a",
      index: 0,
      legendIndex: 0
    },
    {
      type: 'column',
      name: 'Data2',
      data: data2,
      color: "#7e95a5",
    }]

在这里，我只想对'data2'系列使用属性“ linkedTo：'：previous'”。

 plotOptions: {
    column: {
      grouping: false,
      shadow: false,
      borderWidth: 0,
      pointPadding: 0.3,
      pointWidth:12
    }

在此plotOptions中定义属性会将其应用于两个列系列。

反正有将属性仅应用于一个特定系列吗？

预先感谢。

Answer 1

您应该直接为系列定义各个选项，并且应该可以使用。

要解决此问题，您可以创建一种新的系列类型，该系列的区别仅在于列系列的类型名称，然后在plotOptions中使用它：

var H = Highcharts;

H.seriesType('column2', 'column');


H.chart('container', {
    plotOptions: {
        column: {
            ...
        },
        column2: {
            ...
        }
    },

    series: [{
            type: 'column',
            ...
        },
        {
            type: 'column2',
            ...
        }
    ]
});

实时演示：http://jsfiddle.net/BlackLabel/omz0u7gs/

高图表中的绘图选项

1 个答案: