【问题标题】:How do I set global options with Apex chart?如何使用 Apex 图表设置全局选项?
【发布时间】:2020-04-19 23:32:40
【问题描述】:

假设我希望一些选项对所有 Apex 图表都是全局的。对于颜色,可以这样做:

Apex.colors = ['#F44336', '#E91E63', '#9C27B0'];

现在,如果我希望所有图表都为300px 高怎么办。我尝试的是:

Apex.chart.height = 300;
Apex.chart.width = '100%';

因为widthheight 根据它们的docschart 之下。

但是这没有任何效果。有什么想法吗?

【问题讨论】:

  • 请忽略这个,我找到了解决办法Apex.chart = { ... }
  • 如果您可以发布完整的解决方案作为答案,那就太好了。 :) 你可以在这里回答你自己的问题。这将有助于未来的用户。

标签: javascript apexcharts


【解决方案1】:

您已经找到了答案,但是任何人都在寻找完整的解决方案,这里是您如何设置适用于该页面上所有图表的 options.chart 属性的全局选项。

Apex = {
  chart: {
    background: '#fefefe',
    height: 400,
    foreColor: '#333'
  }
}

请注意,变量 Apex 是一个等效于 window.Apex 的全局变量,并且可以在任何地方使用。

【讨论】:

  • Window.Apex 在使用 ng-apexcharts 时没有数据。请帮忙!
  • 使用此解决方案时出现此错误:Cannot read properties of undefined (reading 'type')。我也尝试过使用Object.assign(Apex, globalOptions)
猜你喜欢
  • 1970-01-01
  • 2014-10-05
  • 2020-02-08
  • 1970-01-01
  • 1970-01-01
  • 2017-06-16
  • 1970-01-01
  • 2022-06-13
  • 1970-01-01
相关资源
最近更新 更多