将自定义颜色添加到饼图答案

【问题标题】：Add Custom Color to pie-chart将自定义颜色添加到饼图
【发布时间】：2014-05-20 14:30:18
【问题描述】：

我需要为饼图中的每个元素添加特定的颜色。下面是我的带有静态 json 的饼图代码。

我想在饼图中使用红色、绿色、橙色和蓝色，而不是可视化图表给出的默认颜色。

有人改色成功了吗？

var oModel = new sap.ui.model.json.JSONModel({
     businessData : [
               {Country :"Canada",revenue:2410.87, color: "red"},
                {Country :"China",revenue:638.29, color: "green"},
                {Country :"France",revenue:487.66, color: "orange"},
                {Country :"Germany",revenue:170.23, color: "blue"}
       ]
});
var oDataset = new sap.viz.ui5.data.FlattenedDataset({
         dimensions : [ {axis : 1, name : 'Country',  value : "{Country}" } ],
         measures : [ { name : 'Revenue',  value : '{revenue}' } ],
         data : { path : "/businessData" }
      });
var oBarChart = new sap.viz.ui5.Pie({
          width : "80%", height : "400px",
          plotArea : {
                   'colorPalette' : d3.scale.category20().range()
                },
           title : { visible : true, text : 'Revenue By Country' },
           dataset : oDataset
     });
oBarChart.setModel(oModel);
oBarChart.placeAt("sample1");

【问题讨论】：

标签： d3.js sapui5

【解决方案1】：

简单的答案

plotArea : {
  'colorPalette' : ["red","green","orange","blue"]
},

见jsBin example

【讨论】：

【解决方案2】：

有两种改变颜色的方法：

1：@Jasper_07 答案

2：添加这段代码

 var pieType = new sap.viz.ui5.types.Pie();
 pieType.setColorPalette(['#AAFFAA','#00FF00','#00AAAA','#FF0000']);   
 oBarChart.setPlotArea(pieType);

【讨论】：