【问题标题】:Plot Option in High ChartsHighcharts 中的绘图选项
【发布时间】:2018-12-12 09:56:15
【问题描述】:

我使用“列”型高图表在我的应用程序中显示两个不同的数据集。 两个数据在同一个柱形图中标记为不同的系列。但我需要为图表设置两个不同的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 中定义属性将其应用于两个列系列..

到底有没有只将属性应用于一个特定的系列??

提前致谢。

【问题讨论】:

  • 请提供minimal reproducible example,这样会更容易为您提供帮助。
  • 我不明白为什么linkedTo 在意甲中不起作用。 Here a simple Fiddle
  • @Core972 是的.. 甚至我也看到了许多类似的小提琴示例,其中属性直接在系列中声明.. 但在我的场景中,我无法在里面声明任何属性。我被提醒在 plotOptions 中声明它。
  • @Shylesh,请举个例子。

标签: highcharts highcharts-ng angular2-highcharts


【解决方案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.seriesType 时,显示错误“[ts] Property 'seriesType' does not exist on type 'Static'.” 我该怎么办??
  • 嗨 Shylesh,也许你没有导入 Highcharts?不看你的代码,很难说什么。
  • 是的.. Highcharts 模块导入出现问题.. 现在可以解决这个问题!非常感谢!
  • 嗨@Shylesh,很高兴我能提供帮助,您可以投票并接受答案:stackoverflow.com/help/someone-answers
猜你喜欢
  • 1970-01-01
  • 2014-07-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-07-19
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多