Charts 材质设计google图表更改颜色列
使用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.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'));
图表绘制(数据、选项);
};代码>
材质图表不支持的颜色选项(包括列角色),请检查颜色选项。。。