Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/http/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/lua/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google visualization 使用<;谷歌.charts.Bar>;及<;系列>;选项_Google Visualization - Fatal编程技术网

Google visualization 使用<;谷歌.charts.Bar>;及<;系列>;选项

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.charts.Bar函数创建的图表上添加注释吗

我之所以使用google.charts.Bar而不是google.visualization.ColumnChart,是因为我需要为每个时段设置多个堆叠的列

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(选项));
}