Google visualization 使用<;谷歌.charts.Bar>;及<;系列>;选项
有人知道是否可以在使用google.charts.Bar函数创建的图表上添加注释吗 我之所以使用google.charts.Bar而不是google.visualization.ColumnChart,是因为我需要为每个时段设置多个堆叠的列Google visualization 使用<;谷歌.charts.Bar>;及<;系列>;选项,google-visualization,Google Visualization,有人知道是否可以在使用google.charts.Bar函数创建的图表上添加注释吗 我之所以使用google.charts.Bar而不是google.visualization.ColumnChart,是因为我需要为每个时段设置多个堆叠的列 google.load(“可视化”,“1”{ 包装:[“核心图表”、“条形图”、“表格”] }); setOnLoadCallback(drawChart); 函数绘图图(){ var data=new google.visualization.Data
google.load(“可视化”,“1”{
包装:[“核心图表”、“条形图”、“表格”]
});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('string','Period');
data.addColumn('number','AHMA PS');
data.addColumn('number','Others PS');
data.addColumn('number','AHMA AB');
data.addColumn('number','Others AB');
data.addColumn('number','AHMA CC');
data.addColumn('number','Others CC');
data.addRows([
[Apr',30,50,10,60,2,40],
['Mar',30,2,10,60,2,40],
['Feb',30,50,10,60,2,40],
['Jan',30,50,10,60,2,40]
]);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1{
计算:“字符串化”,
资料来源专栏:1,
键入:“字符串”,
角色:“注释”
},
2, {
计算:“字符串化”,
资料来源专栏:2,
键入:“字符串”,
角色:“注释”
},
3, {
计算:“字符串化”,
资料来源专栏:3,
键入:“字符串”,
角色:“注释”
},
4, {
计算:“字符串化”,
资料来源专栏:4,
键入:“字符串”,
角色:“注释”
},
5, {
计算:“字符串化”,
资料来源专栏:5,
键入:“字符串”,
角色:“注释”
},
6, {
计算:“字符串化”,
资料来源专栏:6,
键入:“字符串”,
角色:“注释”
}
]);
变量选项={
isStacked:是的,
系列:{
2: {
目标指数:1
},
3: {
目标指数:1
},
4: {
目标指数:2
},
5: {
目标指数:2
}
},
言辞:{
视图窗口:{
分:0,,
最高:100
}
}
};
var chart=new google.charts.Bar(document.getElementById('google-chart');
绘制(视图,google.charts.Bar.convertOptions(选项));
}
回答:
<script type="text/javascript">
$(document).ready(function () {
google.charts.load('current', { 'packages': ['bar'] });
google.charts.setOnLoadCallback(drawChart);
});
function drawChart() {
alert('ok');
var data = new google.visualization.DataTable();
data.addColumn('string', 'Period');
data.addColumn('number', 'AHMA PS');
data.addColumn('number', 'Others PS');
data.addColumn('number', 'AHMA AB');
data.addColumn('number', 'Others AB');
data.addColumn('number', 'AHMA CC');
data.addColumn('number', 'Others CC');
data.addRows([
['Apr', 30, 50, 10, 60, 2, 40],
['Mar', 30, 2, 10, 60, 2, 40],
['Feb', 30, 50, 10, 60, 2, 40],
['Jan', 30, 50, 10, 60, 2, 40]
]);
var view = new google.visualization.DataView(data);
view.setColumns([0, 1, {
calc: "stringify",
sourceColumn: 1,
type: "string",
role: "annotation"
},
2, {
calc: "stringify",
sourceColumn: 2,
type: "string",
role: "annotation"
},
3, {
calc: "stringify",
sourceColumn: 3,
type: "string",
role: "annotation"
},
4, {
calc: "stringify",
sourceColumn: 4,
type: "string",
role: "annotation"
},
5, {
calc: "stringify",
sourceColumn: 5,
type: "string",
role: "annotation"
},
6, {
calc: "stringify",
sourceColumn: 6,
type: "string",
role: "annotation"
}
]);
var options = {
isStacked: true,
series: {
2: {
targetAxisIndex: 1
},
3: {
targetAxisIndex: 1
},
4: {
targetAxisIndex: 2
},
5: {
targetAxisIndex: 2
}
},
vAxis: {
viewWindow: {
min: 0,
max: 100
}
}
};
var chart = new google.charts.Bar(document.getElementById('google-chart'));
chart.draw(view, google.charts.Bar.convertOptions(options));
}
</script>
$(文档).ready(函数(){
load('current',{'packages':['bar']});
google.charts.setOnLoadCallback(drawChart);
});
函数绘图图(){
警报(“正常”);
var data=new google.visualization.DataTable();
data.addColumn('string','Period');
data.addColumn('number','AHMA PS');
data.addColumn('number','Others PS');
data.addColumn('number','AHMA AB');
data.addColumn('number','Others AB');
data.addColumn('number','AHMA CC');
data.addColumn('number','Others CC');
data.addRows([
[Apr',30,50,10,60,2,40],
['Mar',30,2,10,60,2,40],
['Feb',30,50,10,60,2,40],
['Jan',30,50,10,60,2,40]
]);
var view=newgoogle.visualization.DataView(数据);
view.setColumns([0,1,1{
计算:“字符串化”,
资料来源专栏:1,
键入:“字符串”,
角色:“注释”
},
2, {
计算:“字符串化”,
资料来源专栏:2,
键入:“字符串”,
角色:“注释”
},
3, {
计算:“字符串化”,
资料来源专栏:3,
键入:“字符串”,
角色:“注释”
},
4, {
计算:“字符串化”,
资料来源专栏:4,
键入:“字符串”,
角色:“注释”
},
5, {
计算:“字符串化”,
资料来源专栏:5,
键入:“字符串”,
角色:“注释”
},
6, {
计算:“字符串化”,
资料来源专栏:6,
键入:“字符串”,
角色:“注释”
}
]);
变量选项={
isStacked:是的,
系列:{
2: {
目标指数:1
},
3: {
目标指数:1
},
4: {
目标指数:2
},
5: {
目标指数:2
}
},
言辞:{
视图窗口:{
分:0,,
最高:100
}
}
};
var chart=new google.charts.Bar(document.getElementById('google-chart');
绘制(视图,google.charts.Bar.convertOptions(选项));
}