как вы используете пользовательские цвета на гугл-графике со скриптом приложения - PullRequest
2 голосов
/ 25 февраля 2020

Я создал функцию в скрипте приложений, которая извлекает данные из одного листа Google (sht_data) и отображает таблицу измерений на другом листе Google (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 для затененных областей на датчике. я хочу использовать зеленые градиенты в палитре Google, то есть светло-зеленый 3 (40-60) / светло-зеленый 1 (60-80) / темно-зеленый 2 (80-100).

i Я пытался найти в net, как определить эти цвета ... без радости. вещи, которые я пробовал:

  • изначально я пробовал .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) с КОЛОННОЙ на случай, если конкретный c способ написания этих имен; не признается

любая помощь, которую может предложить сообщество, будет принята с благодарностью.

1 Ответ

2 голосов
/ 26 февраля 2020

в соответствии с параметрами конфигурации ,
для изменения фактических цветов,
вы можете использовать следующие параметры -> 'greenColor', 'yellowColor', 'redColor'

как для значений цвета ,
вам нужно будет найти html шестнадцатеричные значения имен.
например,

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

вот палитра, первоначально разработанная Google ...

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...