2016-02-17 2 views
3

Я не могу изменить цвета круговой диаграммы. В настоящее время это только цвета по умолчанию. PieChartУгловые диаграммы Google - Невозможно изменить цвета пирога

Как определить цвета? Ниже мой текущий chartObject. Он отлично работает, когда я переключаюсь на BarChart или ColumnChart, т. Е. Меняется цветовая гамма. Только не для PieChart. Что я делаю неправильно?

chartObject = {"type":"PieChart", 
"data":{"cols":[{"id":"label","label":"Action Status","type":"string"}, 
{"id":"label","label":"Number of Actions","type":"number"}, 
{"role":"style","type":"string","p":{"role":"style"}}], 
"rows":[{"c":[{"v":"Open"},{"v":2},{"v":"ORANGE"}]}, 
{"c":[{"v":"Close"},{"v":1},{"v":"GREEN"}]}]}, 
"options":{"title":"Legal Register Tracking"}} 

ответ

2

Добавить ломтиков в опции объекта данных и дать цвет JSon объект 'slices': [{color:'yellow'},{color:'red'}] для каждого ломтиков

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

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

    $scope.chartObject.type = "PieChart"; 

    $scope.chartObject.data = {"cols": 
    [ 
     {id: "t", label: "Topping", type: "string"}, 
     {id: "s", label: "Slices", type: "number"} 
    ], 

    "rows": 
    [ 
     {c: 
      [ 
       {v: "Mushrooms"}, 
       {v: 3}, 
       {color: 'black'} 
      ] 
     }, 

     {c: 
      [ 
       {v: "Pepperoni"}, 
       {v: 2}, 
      ] 
     } 
    ]}; 

    $scope.chartObject.options = { 
     'title': 'How Much Pizza I Ate Last Night', 
     'slices': [{color:'yellow'},{color:'red'}] 
    }; 
}); 
+0

Удивительный, благодаря мате, который работает! –

+1

вы также можете использовать '' colors ': [' red ',' yellow ',' cyan '] '- [Параметры конфигурации] (https://developers.google.com/chart/interactive/docs/gallery/piechart # configuration-options) – WhiteHat

+0

@WhiteHat Спасибо, хороший –

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