2017-03-26 7 views
1

角度googleチャートを取得して2つのy軸スケールを持つチャートを作成するのに問題があります。私はオンラインからgoogleの図表と直接働く多数の例を試みたが運がなかった。私は単純な例であると信じているものを含めました。このコードはコントローラ内部にあります。ここに私のコードです:角チャートを取得して二軸チャートを作成するのに問題があります

(function() { 
    'use strict'; 

    angular 
    .module('core') 
    .controller('DashboardErrorRatesController', DashboardErrorRatesController); 

    DashboardErrorRatesController.$inject = ['$rootScope', '$scope', '$state', '$timeout', '$interval', 'Authentication', 'locale', 'Common', 'Query', 'googleJsapiUrl']; 

    function DashboardErrorRatesController($rootScope, $scope, $state, $timeout, $interval, Authentication, locale, Common, Query, googleJsapiUrl) { 

$scope.myChartObject = { 
    type: 'LineChart', 
    displayed: false, 
    chartArea: { left: 100, top: 100, width: 400, height: 450 }, 
    data: { 
    cols: [ 
     { 
     id: 'issues', 
     label: 'Issues per Week', 
     type: 'string' 
     }, 
     { 
     id: 'pct_people', 
     label: '% of People', 
     type: 'number' 
     }, 
     { 
     id: 'avg_excallations', 
     label: 'Average Escallations', 
     type: 'number' 
     } 
    ], 
    rows: [ 
     { 'c': [{ 'v': '0' }, { 'v': 0.39 }, { 'v': 0 }] }, 
     { 'c': [{ 'v': '1' }, { 'v': 0.17 }, { 'v': 31.063636363636363 }] }, 
     { 'c': [{ 'v': '2' }, { 'v': 0.12 }, { 'v': 30.46086956521739 }] }, 
     { 'c': [{ 'v': '3' }, { 'v': 0.09 }, { 'v': 49.612360674157316 }] }, 
     { 'c': [{ 'v': '4' }, { 'v': 0.06 }, { 'v': 26.975 }] }, 
     { 'c': [{ 'v': '5' }, { 'v': 0.04 }, { 'v': 32.82588235294117 }] }, 
     { 'c': [{ 'v': '6' }, { 'v': 0.03 }, { 'v': 25.413886666666667 }] }, 
     { 'c': [{ 'v': '7' }, { 'v': 0.03 }, { 'v': 35.716933333333344 }] }, 
     { 'c': [{ 'v': '8' }, { 'v': 0.02 }, { 'v': 11.689516129032258 }] }, 
     { 'c': [{ 'v': '9' }, { 'v': 0.01 }, { 'v': 10.20833125 }] }, 
     { 'c': [{ 'v': '10' }, { 'v': 0.01 }, { 'v': 29.311111111111114 }] }, 
     { 'c': [{ 'v': '10+' }, { 'v': 0.05 }, { 'v': 24.697815555555554 }] } 
    ], 
    options: { 
     title: 'Something', 
     isStacked: false, 
     width: 300, 
     height: 600, 
     vAxis: { 
     0: { 
      title: '% of People', 
      format: '#%' 
     }, 
     1: { 
      title: 'Average Escallations', 
      format: '#,###.##' 
     } 
     }, 
     hAxis: { 
     title: 'Issues per Week' 
     }, 
     seriesType: 'bars', 
     series: { 
     0: { targetAxisIndex: 0 }, 
     1: { targetAxisIndex: 1 } 
     } 
    }, 
    formatters: {} 
    } 
}; 
    } 
}()); 

私はこれは両方の軸を持つチャートを生成する必要がありますが、ないと思う。それは角度のGoogleチャートライブラリ(0.1.0)が古いバージョンのGoogleチャートを使用しているのとほぼ同じですが、わかりません。

<div google-chart chart="myChartObject"></div> 
+0

Googleマップの角度指示を使用していますか?これは、「角google-chart」のように見えます。より多くのコード(view/html)を提供したり、Plunkrを作成できますか? –

+0

ねえ、ありがとう!残りのコントローラとhtmlを追加しました。 –

答えて

0

が、私はそれを考え出した:

そして、ここではhtmlです!タイプを「LineChart」から「ComboChart」に変更しました。長い時間がかかりました。私はそれが起こるときに嫌いです。

関連する問題