2015-11-03 1 views
0

Я пытаюсь добавить формат валюты в Google картах и ​​angularjsформат валюты в Google картах против угловой

Google charts display Money not Percentages

вар форматировщик = новый google.visualization.NumberFormat ({ префикс: «$ '}); formatter.format (данные, 1);

var options = { pieSliceText: 'value'};

Как добавить код выше в функции ниже?

$scope.jkchart = function(){ 
    $scope.chartObject = {}; 

    $scope.chartObject.data = {"cols": [ 
     {id: "t", label: "Topping", type: "string"}, 
     {id: "s", label: "Slices", type: "number"} 
    ], "rows": [ 
     {c: [ 
      {v: "Mushrooms"}, 
      {v: 3}, 
     ]}, 
     {c: [ 
      {v: "Olives"}, 
      {v: 31} 
     ]}, 
     {c: [ 
      {v: "Zucchini"}, 
      {v: 5}, 
     ]} 
    ]}; 
    $scope.chartObject.type = "PieChart"; 
    $scope.chartObject.options = { 
     'title': 'How Much Pizza I Ate Last Night' 
    }; 
    }; 
+0

Я пытаюсь использовать угловую-Google-диаграммы: bouil .github.io/угловой Google-диаграмма/#/общий/PieChar т. Я не могу добавить '$' в тип числа. –

ответ

2

Вы можете указать формат, как это:

$scope.chartObject.formatters = { 
    number: [{ 
     columnNum: 1, 
     prefix: '$' 
    }] 
}; 

Рабочий пример

var app = angular.module('chartApp', ['googlechart']); 
 

 
app.controller('MainCtrl', function ($scope) { 
 
    $scope.chartObject = {}; 
 

 
    $scope.chartObject.data = { 
 
     "cols": [ 
 
      { id: "t", label: "Topping", type: "string" }, 
 
      { id: "s", label: "Slices", type: "number" } 
 
     ], "rows": [ 
 
      { 
 
       c: [ 
 
        { v: "Mushrooms" }, 
 
        { v: 3 }, 
 
       ] 
 
      }, 
 
      { 
 
       c: [ 
 
        { v: "Olives" }, 
 
        { v: 31 } 
 
       ] 
 
      }, 
 
      { 
 
       c: [ 
 
        { v: "Zucchini" }, 
 
        { v: 5 }, 
 
       ] 
 
      } 
 
     ] 
 
    }; 
 
    $scope.chartObject.type = "PieChart"; 
 
    $scope.chartObject.options = { 
 
     'title': 'How Much Pizza I Ate Last Night', 
 
     pieSliceText: 'value' 
 
    }; 
 

 
    $scope.chartObject.formatters = { 
 
     number: [{ 
 
      columnNum: 1, 
 
      prefix: '$' 
 
     }] 
 
    }; 
 
    
 
});
<script src="http://code.angularjs.org/1.2.10/angular.js"></script> 
 
<script src="http://bouil.github.io/angular-google-chart/ng-google-chart.js"></script> 
 
<body ng-app='chartApp' ng-controller="MainCtrl"> 
 
    <div google-chart chart="chartObject" style="width: 900px; height: 500px;"></div> 
 
</body>

Смежные вопросы