google-apps-script - 您如何使用应用程序脚本在谷歌仪表图上使用自定义颜色

Question

我在应用程序脚本中创建了一个函数，它从一个谷歌表( sht_data )中提取数据并在另一个谷歌表( sht_charts )中提供一个仪表图。

function new_renewable_gauge() {
  var range = sht_data.getRange('B16:C16');
  var chartBuilder = sht_data.newChart();
  chartBuilder.addRange(range)
      .setChartType(Charts.ChartType.GAUGE)
      .setPosition(1, 7, 1, 1)
      .setOption('title', 'renewable % of committed generation')
      .setOption('yellowFrom', 50)
      .setOption('yellowTo', 70)
      .setOption('greenFrom', 70)
      .setOption('greenTo', 100)
      .setOption('minorTicks', 5);
  sht_chart.insertChart(chartBuilder.build());
}

提取和呈现数据工作正常，没有问题。我被卡住的地方是设置 green 以外的颜色/ yellow/ red对于仪表上的阴影区域。我想使用的是谷歌调色板中的绿色渐变，即浅绿色 3 (40-60)/浅绿色 1 (60-80)/深绿色 2 (80-100)。

我试过在网上搜索如何定义这些颜色......没有乐趣。我尝试过的事情:

最初我试过 .setOption('lightGreenFrom', 40).setOption('lightGreenTo', 60)但图表返回空白

首先设置颜色 .setOption(colors, [lightGreen, green, darkGreen])首先在 COLUMN 图表上查看它是否会接受颜色名称；只有green被接受

多种书写这些颜色的方法( lightgreen3 、 lightGreen3 、 light-green-3 、 light-green3 、 light_green_3 、 light_green3 )，如果有这些名称的特定方式无法识别

社区可以提供的任何帮助将不胜感激。

Answer 1

根据 configuration options ,
改变实际颜色，
您可以使用以下选项 --> 'greenColor', 'yellowColor', 'redColor'
至于颜色值，
您需要找到名称的 html 十六进制值。
例如

.setOption('greenColor', '#c8e6c9')
.setOption('yellowColor', '#4caf50')
.setOption('redColor', '#1b5e20')

这是一个托盘，最初由谷歌开发......

https://htmlcolorcodes.com/color-chart/material-design-color-chart/