GWT折线图选项

时间:2012-01-26 15:25:47

标签: gwt google-visualization jsni linechart

我需要在图表中为不同的系列设置不同的线宽。这可以使用此处的{strong>系列选项http://code.google.com/intl/sv-SE/apis/chart/interactive/docs/gallery/linechart.html#Configuration_Options来完成。但是这个选项在GWT中不可用,这导致了我的问题。

我可以:

  1. 为GWT编写一个包装器。 http://code.google.com/p/gwt-google-apis/wiki/VisualizationNewWrapper
  2. 使用Options.set(...)方法。 http://gwt-google-apis.googlecode.com/svn/javadoc/visualization/1.1/com/google/gwt/ajaxloader/client/Properties.html#set%28java.lang.String,%20com.google.gwt.core.client.JavaScriptObject%29
  3. 这两种替代方案的问题是,当系列选项占用一个对象时,我不知道该怎么做:

    series: [{color: 'black', visibleInLegend: false},{}, {}, {color: 'red', visibleInLegend: false}]
    series: {0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false}}
    

    我该怎么做?

1 个答案:

答案 0 :(得分:5)

方法2更容易:

您可以使用Options.set()并传递另一个Options实例。

至少对于第二种选择类型。 series: {0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false}}您可以使用以下代码:

Options options = Options.create();
options.setTitle(title);
Options series_options = Options.create();
series1_options = Options.create();
series1_options.set("color","black");
series_options.set("0",series1_options);
options.set("series",series_options);