Javascript 谷歌条形图条形图颜色不变
我使用google条形图将一组问题表示为不同的类别,如打开、关闭、进行中等,我获取不同类别的计数并将其存储到hashmap中,然后我从hashmap中检索数据,并使用下面的代码将其显示在条形图中 下面是我正在使用的代码。我已经将其包含在jsp页面中Javascript 谷歌条形图条形图颜色不变,javascript,java,google-visualization,Javascript,Java,Google Visualization,我使用google条形图将一组问题表示为不同的类别,如打开、关闭、进行中等,我获取不同类别的计数并将其存储到hashmap中,然后我从hashmap中检索数据,并使用下面的代码将其显示在条形图中 下面是我正在使用的代码。我已经将其包含在jsp页面中 google.charts.load('current', {'packages':['bar']}); google.charts.setOnLoadCallback(drawBarChart); functi
google.charts.load('current', {'packages':['bar']});
google.charts.setOnLoadCallback(drawBarChart);
function drawBarChart() {
var data = google.visualization.arrayToDataTable([
['Status', 'No. of Issues', { role: 'style' }],
<%for(String SC:StatusCount.keySet()){
%>
['<%=SC.toString()%>',<%=StatusCount.get(SC.toString())%>, 'blue'],
<%
}
%>
<%for(String EC:EscCount.keySet()){
%>
['<%=EC.toString()%>',<%=EscCount.get(EC.toString())%>, 'red' ],
<%
}
%>
]);
var options = {
chart: {
title: 'Performance',
},
is3D: true,
titleTextStyle: {
fontName: 'Arial',
fontSize: 20
},
'width':550,
'height':400,
backgroundColor: 'transparent',
bars: 'vertical' // Required for Material Bar Charts.
};
var barchart = new google.charts.Bar(document.getElementById('barchart_material'));
barchart.draw(data, google.charts.Bar.convertOptions(options));
}
google.charts.load('current',{'packages':['bar']});
google.charts.setOnLoadCallback(DrubarChart);
函数名为{
var data=google.visualization.arrayToDataTable([
['Status','No.of Issues',{role:'style'}],
['','蓝色'],
['','红色'],
]);
变量选项={
图表:{
标题:"表演",,
},
is3D:是的,
titleTextStyle:{
字体名称:“Arial”,
尺寸:20
},
“宽度”:550,
‘高度’:400,
背景色:“透明”,
条形图:“垂直”//材质条形图需要。
};
var barchart=new google.charts.Bar(document.getElementById('barchart_material');
绘制(数据,google.charts.Bar.convertOptions(选项));
}
StatusCount
用于状态计数,EscCount
用于升级次数。我想更改升级栏的颜色。但是当我指定颜色时,它不会改变。用谷歌自己给的同样的东西来改变颜色。
请帮忙。提前感谢,包括“样式”仅受经典图表支持
经典-->google.visualization.BarChart
&columnhart
-->软件包:['corechart']
材质-->
google.charts.Bar
-->packages:['Bar']
请参阅以下工作片段
google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Status','No.of Issues',{role:'style'}],
[“关闭”,14,“蓝色”],
[“暂停”,8,“蓝色”],
[“进行中”,20,“蓝色”],
[“打开”,24,“蓝色”],
[“升级”,4,“红色”],
]);
var chart=新的google.visualization.BarChart(
document.getElementById('chart\u div')
);
图表绘制(数据、{
主题:“材料”
});
}
,包括“样式”
仅受经典图表支持
经典-->google.visualization.BarChart
&columnhart
-->软件包:['corechart']
材质-->
google.charts.Bar
-->packages:['Bar']
请参阅以下工作片段
google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Status','No.of Issues',{role:'style'}],
[“关闭”,14,“蓝色”],
[“暂停”,8,“蓝色”],
[“进行中”,20,“蓝色”],
[“打开”,24,“蓝色”],
[“升级”,4,“红色”],
]);
var chart=新的google.visualization.BarChart(
document.getElementById('chart\u div')
);
图表绘制(数据、{
主题:“材料”
});
}
函数drabarchart(){var data=google.visualization.arrayToDataTable([['Status','No.of Issues',{role:'style'}],'Closed',14','blue'],['On Hold',8','blue'],['In Progress',20','blue'],['Open 24','blue'],['Escalations',4',red'],];
这是正在传递的数组函数drabarchart(){var data=google.visualization.arrayToDataTable([[['Status','No.of Issues',{role:'style'}],'Closed',14,'blue'],[“暂停”,8,“蓝色”],[“进行中”,20,“蓝色”],[“开放”,24,“蓝色”],[“升级”,4,“红色”],])
这是正在传递的数组google.charts.Bar
是材质图表,不支持'style
'角色,请参阅以获取选项…google.charts.Bar
是材质图表,不支持'style
'角色,请参阅以获取选项。。。