Google可视化选项无效

时间:2016-11-02 17:45:07

标签: charts google-visualization

我无法将第一系列数据绘制为线条而不是条形图。此外,我尝试的几个选项都不起作用,包括拥有一个标题(疯狂雄心勃勃,对吧?)。

为什么这不起作用?标题在哪里?我也无法弄清楚如何在启动时制作动画,即使它应该在字面上工作(尝试下面没有显示)。

{
    "力学研究所": {
        "力学研究所": [
            "http://www.irgrid.ac.cn/handle/1471x/1",
            {
                "力学研究所": "http://www.irgrid.ac.cn/handle/1471x/1",
                "等离子体与燃烧中心(2009-2011)": "http://www.irgrid.ac.cn/handle/1471x/9348",
                "非线性力学国家重点实验室": "http://www.irgrid.ac.cn/handle/1471x/8765",
                "高温气体动力学国家重点实验室": "http://www.irgrid.ac.cn/handle/1471x/8927",
                "国家微重力实验室": "http://www.irgrid.ac.cn/handle/1471x/9021",
                "环境力学重点实验室(2009-2011)": "http://www.irgrid.ac.cn/handle/1471x/9199",
                "力学所知识产出(1956-2008)": "http://www.irgrid.ac.cn/handle/1471x/2",
                "力学园地": "http://www.irgrid.ac.cn/handle/1471x/9394",
                "流固耦合系统力学重点实验室(2012-)": "http://www.irgrid.ac.cn/handle/1471x/475238",
                "水动力学与海洋工程重点实验室(2009-2011)": "http://www.irgrid.ac.cn/handle/1471x/9129",
                "先进制造工艺力学重点实验室": "http://www.irgrid.ac.cn/handle/1471x/9278",
                "职能与支撑部门": "http://www.irgrid.ac.cn/handle/1471x/252147"
            }
            ],
        "等离子体与燃烧中心(2009-2011)": [
            "http://www.irgrid.ac.cn/handle/1471x/9348",
            {
                "力学研究所": "http://www.irgrid.ac.cn/handle/1471x/1",
                "期刊论文": "http://www.irgrid.ac.cn/handle/1471x/9349/browse?type=dateissued",
                "会议论文": "http://www.irgrid.ac.cn/handle/1471x/9350/browse?type=dateissued",
                "学位论文": "http://www.irgrid.ac.cn/handle/1471x/9371/browse?type=dateissued",
                "专利": "http://www.irgrid.ac.cn/handle/1471x/390816/browse?type=dateissued",
                "成果": "http://www.irgrid.ac.cn/handle/1471x/592825/browse?type=dateissued"
            }
            ],
      google.charts.load('current', {'packages':['table','line','corechart','bar']});
      google.charts.setOnLoadCallback(draw);

function draw(){
      var data = google.visualization.arrayToDataTable([
			['Referrals', '%','A','B','C','D','E','F','G'],
			['Adams', 	{v: .3684, f: '36.84%'},	0,0,3,9,4,14,1],
			['Chalk', 	{v: .9118, f: '91.18%'},	0,0,2,16,12,21,1],
			['Forby', 	{v: 2.0909, f: '209.09%'},	0,0,3,17,9,12,1],
			['Koehler', {v: .056, f: '5.26%'},		0,0,0,13,6,13,0],
			['Burrey', 	{v: 0, f: '-'},				0,0,0,0,0,0,0],
			['Roach', 	{v: .1765, f: '19.65%'},	0,0,7,43,18,32,1]
		  ]);

		  var tempOptions = {
        title: 'tesssssssssssssssssssssssssssssst',
        series: {
          0: {axis: 'Percent',type: 'line'},
          1: {axis: 'Count'},
          2: {axis: 'Count'},
          3: {axis: 'Count'},
          4: {axis: 'Count'},
          5: {axis: 'Count'},
          6: {axis: 'Count'},
          7: {axis: 'Count'}
        },
        axes: {
          y: {
            Percent: {label: '% for Hazard Grade'},
            Count: {label: 'Hazard Grade Count'}
          }
        }
		  };
		
		  
		   var tempTable = new google.charts.Bar(document.getElementById('chart_div'));
		
			tempTable.draw(data,tempOptions);
     }

1 个答案:

答案 0 :(得分:2)

有几个配置选项无法与材料图表一起使用

Tracking Issue for Material Chart Feature Parity #2143

材料 - > google.charts.Bar - 使用 - > packages: ['bar']

建议使用核心图表...

核心 - > google.visualization.ColumnChart - 使用 - > packages: ['corechart']
google.visualization.BarChartgoogle.visualization.ComboChart等......

可以选择让核心图表接近外观&感觉材料

theme: 'material'