javascript - 如何使用 Apex 图表设置全局选项？

Question

假设我希望某些选项对于所有 Apex 图表都是全局的。对于颜色，可以通过以下方式完成:

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

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

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

因为宽度和高度根据其docs位于图表下.

但是这没有效果。有什么想法吗？

Answer 1

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

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

请注意，变量 Apex 是一个全局变量，相当于 window.Apex 并且随处可用。