首页 > 解决方案 > Google 图表栏中的颜色问题

问题描述

我无法在谷歌图表栏中生成不同的颜色。数据来自一个变量data.addRows([[${golLog}]]);,我意识到这个变量里面有一个数组。看起来他只为两个条投了第一种颜色。

这是理解的代码:

  google.charts.load('current', {
      'packages' : [ 'corechart','bar' ]
   });
  google.charts.setOnLoadCallback(golLog);

function golLog() {
   var data = new google.visualization.DataTable();
   data.addColumn('string', 'Qtd');
   data.addColumn('number');

   data.addRows([[${golLog}]]);

   var options = {
     chart: {
       left:0,
       top:40,
       width:'100%',
       height:'100%'
     },
     title: 'GOL',
     legend: { position: 'none' },
     theme: 'material',
     fontSize: 20,
     colors:['#fc1700','#212e84']
   };

   var chart = new 
     google.charts.Bar(document.getElementById('chart_golLog'));

     chart.draw(data, google.charts.Bar.convertOptions(options));
   }

   <div id="chart_golLog"></div>

图片

Dados que estão na variável 在此处输入图像描述

标签: javascriptchartsgoogle-visualizationbar-chart

解决方案


推荐阅读