【问题标题】:amCharts4: Color of columns in chart keeps changing every time I try to refresh the data being shownamCharts4:每次我尝试刷新显示的数据时,图表中列的颜色都会不断变化
【发布时间】:2021-09-29 23:37:45
【问题描述】:

所以我正在开发一个可以在柱形图上查看数据的网站,图表上显示的数据量取决于在“过滤器”面板中选择的设置。每当过滤器中的设置发生更改时,图表上的数据首先会被清除所有内容,然后根据新设置重新添加。

我正在尝试用 Google Charts API 替换我之前使用的柱形图,现在我正在使用 amCharts4 来生成图表。

到目前为止一切正常,除了一个问题。每当图表重置时,每个系列的颜色都会发生变化。我假设为每个添加的新系列选择的颜色在主题范围内是按顺序排列的。每次重置图表时,第一个系列的颜色都是上一版本图表最后一个系列的颜色。

The first version of the chart, before any filter settings are changed.

The second version of the chart, after I change a setting in the filter.

如果我不断更改设置,颜色将继续通过光谱,通过绿色、黄色、橙色等。

我假设之前的系列保存在某个地方,这就是颜色没有被重置的原因。但是在我为清除系列而编写的代码中,我认为我正在处理它们:

while (chart.series.length > 0) {
    chart.series.removeIndex(0).dispose();
}

有没有办法保留第一版图表的颜色?这应该是确保在再次填充图表之前成功删除之前的系列。

我对使用 amCharts4 非常陌生,因此我们将不胜感激。谢谢!

【问题讨论】:

    标签: javascript list amcharts4


    【解决方案1】:

    在重新创建系列以再次从主题中的第一种颜色开始之前,您可以在图表的 ColorSet 对象 (colors) 上调用 reset()

    chart.colors.reset();
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-03-03
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多