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>
Googleマップの角度指示を使用していますか?これは、「角google-chart」のように見えます。より多くのコード(view/html)を提供したり、Plunkrを作成できますか? –
ねえ、ありがとう!残りのコントローラとhtmlを追加しました。 –