代码之家 › 专栏 › 技术社区 › alexfrize

角度图表颜色。除此之外还有什么办法可以染上颜色吗海图.getOptions().颜色[索引]?

highcharts angular javascript

0

alexfrize · 技术社区 · 7 年前

已经解决了,但只是想知道,有没有什么方法可以访问高图表的颜色海图.getOptions()?

情况如下:

series: [{
  name: 'Some Name',
  data: [{
    name: 'Something 1',
     ...
    color: Highcharts.getOptions().colors[3]
}, {
    name: 'Something 2',
    ...
    color: Highcharts.getOptions().colors[4]
  }]
}]

https://www.npmjs.com/package/angular-highcharts ).

在角度海图中,这同样有效,但前提是我在设置主题后渲染图表。但在我的情况下,图表是在模板中使用*ngFor生成的,所以海图.getOptions().colors[3]返回默认配色方案的颜色。

另外,我使用“colors”属性为每个图表提供了颜色。我的问题是:如何才能获得特定图表的颜色?

new Chart({
  chart: {
      ...
    },
    colors: this.chartColorPalette,
    series: [{
    ...
  }]
}),

当然,我已经通过直接访问此.chart调色板数组,但是还有其他方法可以做同样的事情吗?

我是说,像海图.getOptions().颜色[索引]? 或者可以在呈现视图样板之前设置选项板(主题)?

1 回复 | 直到 7 年前

1

daniel_s 7 年前

首先,您需要直接在chart配置对象中设置特定图表的颜色,而不是在 chart.colors ,因为很可能此设置不会自动工作。

options.colors 在 Chart 对象,例如:

chart: {
  events: {
    load() {
      console.log(this.options.colors)  
    }
  }
}

我必须注意,这取决于您试图访问chart对象的范围。

实例: https://jsfiddle.net/dexkhb97/