Highcharts 中的绘图选项

Question

我在我的应用程序中使用 "Column" 类型高图表来显示两个不同的数据集。两个数据都标记在同一个柱形图中作为不同的系列。但是我需要为图表设置两个不同的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",
    }]

在这里，我想使用属性 "linkedTo: ':previous'" 仅用于 'data2' 系列..

 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/

Highcharts 中的绘图选项

Plot Option in High Charts

highcharts

highcharts-ng

angular2-highcharts