Как изменить цвет в оболочке Google Chart как для переменной? - PullRequest
Новая
       26

Как изменить цвет в оболочке Google Chart как для переменной?

0 голосов
/ 14 февраля 2020

Я использую этот Chartwrapper для отображения диаграммы Google для моих данных.

Но в этом случае я не могу express цвет для каждого значения.

Если я используйте параметры цвета, область, выделенную жирным шрифтом в тексте ниже, я меняю цвет на диаграмме, но

, когда я хочу показать только одну переменную на моем графике, тогда можно увидеть только первый цвет в опции.

В этом случае есть ли способ express цвет для каждой переменной? 

var chart = new google.visualization.ChartWrapper({
            chartType: 'LineChart',
            containerId: 'lineChartArea', 
            options: {
              isStacked: 'percent',
              focusTarget: 'category',
              height: 500,
              width: '100%',
              legend: { position: "top", textStyle: { fontSize: 13 } },
              **//colors:['#F74233','#338FF7'],**
              pointSize: 5,
              tooltip: { textStyle: { fontSize: 12 }, showColorCode: true, trigger: 'both' },
              hAxis: {
                format: chartDateformat, gridlines: {
                  count: chartLineCount, units: {
                    years: { format: ['yyyy'] },
                    months: { format: ['MM'] },
                    days: { format: ['dd'] },
                    hours: { format: ['HH'] },
                    minutes: { format: ['mm'] }
                  }
                }, textStyle: { fontSize: 12 }
              },
              vAxis: { minValue: 100, viewWindow: { min: 0 }, gridlines: { count: -1 }, textStyle: { fontSize: 12 } },
              animation: { startup: true, duration: 1000, easing: 'in' },
              annotations: {
                pattern: chartDateformat,
                textStyle: {
                  fontSize: 15,
                  bold: true,
                  italic: true,
                  color: '#d799ae',
                  auraColor: '#871b47',
                  opacity: 0.8,
                  pattern: chartDateformat
                }
              }
            }
          });
...