GWT饼图设置特定切片颜色

时间:2013-08-10 19:41:18

标签: gwt

我是GWT-Vizualisation的新手,所以我创造了一个有自己颜色的饼图。我可以将自己的颜色设置为图表。

        JsArrayString colors = JavaScriptObject.createArray().cast();
    colors.push("Red");
    colors.push("Green");
    options.setColors(colors);

但我无法为此图表的特定切片设置颜色。 有没有办法做到这一点? 我花了很多时间来寻找答案,但我不能。

1 个答案:

答案 0 :(得分:0)

使用Google图表工具,您可以通过两种方式定义各个切片的颜色(请参阅here):

  • 对象数组:slices: [{color: 'black', {}, {}, {color: 'red'}]
  • 具有嵌套对象的对象:slices: {0: {color: 'black'}, 3: {color: 'red'}}

您使用的是错误的方法。 setColors()未设置单个切片的颜色。

你必须这样做(方法1):

PieChart.Options options = PieChart.Options.create();
JsArray<Options> slices = JsArray.createArray().cast();  
Options slice1 = Options.create();
Options slice2 = Options.create();
Options slice3 = Options.create();
slice1.set("color":"black");
slice3.set("color":"red");
slices.push(slice1);
slices.push(slice2);
slices.push(slice3);
options.set("slices",slices);