是否有可能使用角谷歌图表制作双y轴图

时间:2016-06-06 10:03:09

标签: angularjs charts google-visualization

如何使用角度js中的谷歌图表制作双y轴图表?

你可以请任何人帮我解决这个问题吗?

喜欢:example

enter image description here

  $scope.myChartObject1 = {};

         $scope.myChartObject1.type = "ColumnChart";


          $scope.myChartObject1.data =   ['Galaxy', 'Distance', 'Brightness'],
          ['Canis Major Dwarf', 8000, 23.3],
          ['Sagittarius Dwarf', 24000, 4.5],
          ['Ursa Major II Dwarf', 30000, 14.3],
          ['Lg. Magellanic Cloud', 50000, 0.9],
          ['Bootes I', 60000, 13.1];


 <div google-chart chart="myChartObject"  on-select="getTheValue(selectedItem)" style="height:421px; width:100%;"></div> 

提前致谢

1 个答案:

答案 0 :(得分:0)

Google文档显示了使用新材质图表而不是旧图表类的示例。使用旧图表(ColumnChartBarChart),请使用以下内容:

$scope.chartObject.options = {
  vAxes: {
    0: {title: "Inventory"},
    1: {title: "Sales" }
  },
  series: {
     0: {targetAxisIndex: 0},
     1: {targetAxisIndex: 1}
  }
 };

我还有CodePen example用于图像叠加,但它也恰好使用了双Y选项。