Google 可视化选项不起作用

Question

我无法将第一组数据绘制为一条线而不是条形图。此外，我尝试的几个选项都不起作用，包括有一个标题（疯狂的野心，对吧？）。

为什么这不起作用？标题在哪里？我也无法弄清楚如何在启动时制作动画，即使它应该可以正常工作（尝试未在下面显示）。

      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);
     }

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="chart_div" style="width: 900px; height: 500px;"></div>
   

Answer 1

有几个配置选项不适用于材质图表

Tracking Issue for Material Chart Feature Parity #2143

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

建议使用 core 图表代替...

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

有一个选项可以让 core 图表接近 material 的外观和感觉

theme: 'material'