Charts 材质设计google图表更改颜色列

Charts 材质设计google图表更改颜色列,charts,google-visualization,Charts,Google Visualization,使用Google图表时,通常可以使用“角色:样式”功能更改各个列的颜色,但当我尝试使用新材质设计图表时,只会得到蓝色列 google.charts.load('current', {'packages':['bar']}); google.charts.setOnLoadCallback(drawStuff); function drawStuff() { var data = new google.visualization.arrayToDataTable([

使用Google图表时,通常可以使用“角色:样式”功能更改各个列的颜色,但当我尝试使用新材质设计图表时,只会得到蓝色列

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

  function drawStuff() {
    var data = new google.visualization.arrayToDataTable([
      ['', '', { role: 'style' } ],
      ["Strongly disagree", 0, 'color: black'],
      ["Disagree", 0, 'color: #000000'],
      ["Neutral", 6, 'color: #212121'],
      ["Agree", 45, 'color: #212121'],
      ['Stongly agree', 98, 'color: black']
    ]);

    var options = {
      title: 'Instructor presented the subject matter clearly',
      width: 900,
      legend: { position: 'none' },
      chart: { subtitle: 'General physics 221 CSUSB winter 2017' },
      axes: {

      },

      bar: { groupWidth: "90%" }
    };

    var chart = new google.charts.Bar(document.getElementById('top_x_div'));
    // Convert the Classic options to Material options.
    chart.draw(data, google.charts.Bar.convertOptions(options));
  };

您可以尝试使用netx代码:

google.charts.load('current',{packages:['corechart','bar']});
google.charts.setOnLoadCallback(drawColColors);
函数drawColColors(){
var data=new google.visualization.arrayToDataTable([
['',{角色:'样式'}],
[“强烈反对”,12,“布朗”],
[“不同意”,30,“灰色”],
[“中性”,26,“蓝色”],
[“同意”,45,“颜色:#F05921'],
['Stongly agree',58,'black']
]);
变量选项={
标题:“讲师清楚地介绍了主题”,
宽度:900,
图例:{位置:'无'},
图表:{副标题:2017年冬季普通物理学},
轴线:{
},
条:{groupWidth:“90%”
};
//var chart=new google.charts.Bar(document.getElementById('chart_div');
//将经典选项转换为材质选项。
//绘制(数据,google.charts.Bar.convertOptions(选项));
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表绘制(数据、选项);
};

材质图表不支持的颜色选项(包括列角色),请检查颜色选项。。。