javascript - Apex 图表范围栏颜色

Question

您可以将颜色数组用于范围图吗？我抓住了在条形图中工作的相同数组，但在范围条形图中忽略了颜色。

Answer 1

那里的大多数示例都向您展示了如何设置系列的颜色。使用范围图，默认情况下您最终会得到 1 个系列和多个组。但是，您也可以设置系列中单个项目的颜色。

转到 App Galery 并安装 Sample Charts 应用程序。转到第 23 页（范围图）页面，深入到范围区域的属性，然后向下滚动，直到看到 JavaScript 初始化代码。在此处添加此功能：

function( options ){
  options.dataFilter = function( data ) {
    data.series[0].items[0].color = "#0B6623";
    data.series[0].items[1].color = "#9DC183";
    data.series[0].items[2].color = "#708238";
    data.series[0].items[3].color = "#C7EA46";
    data.series[0].items[4].color = "#3F704D";

    return data;
  };

  return options;
}

运行页面时，您会看到每个项目都有不同的颜色：