0

我正在使用 GWT 和 google Visualization API ( https://code.google.com/p/gwt-google-apis/wiki/VisualizationGettingStarted ) 使用以下代码制作折线图

import com.google.gwt.user.client.ui.SimplePanel;
import com.google.gwt.user.client.ui.Widget;
import com.google.gwt.visualization.client.AbstractDataTable.ColumnType;
import com.google.gwt.visualization.client.DataTable;
import com.google.gwt.visualization.client.visualizations.LineChart;
import com.google.gwt.visualization.client.visualizations.LineChart.Options;

public class TestPlot {

Widget pie;
static SimplePanel S;
public Widget getLineChart() {
    S = new SimplePanel();

    DataTable data = DataTable.create();
    data.addColumn(ColumnType.STRING, "X");
    data.addColumn(ColumnType.NUMBER, "Chanel 1");
    data.addColumn(ColumnType.NUMBER, "Channel 2");
    data.addRows(2);
    data.setValue(0, 0, "0");
    data.setValue(0, 1, 0);
    data.setValue(0, 2, 0);
    data.setValue(1, 0, "1");
    data.setValue(1, 1, 4);
    data.setValue(1, 2, 1);

    Options options = Options.create();
    options.setWidth(1000);
    options.setHeight(700);
    options.setTitle("Test");
    options.setEnableTooltip(false);
    options.setPointSize(0);

    LineChart pie = new LineChart(data, options);
    //pie.draw(createTable2());
    S.add(pie);
    return S;
}     
}

我想设置https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart上显示的一些选项,这些选项没有方法 options.setWhatever()。看来我需要使用 options.setOption(option, value) 但我无法让它工作。例如,我如何将上面示例中的两条线设置为红色和绿色。我试过了:

options.setOption("colors", "['red','green']");

但它不起作用。

4

1 回答 1

1

因为你只需要改变线条的颜色,

您必须使用颜色和 hae 创建自己的 Options 类,才能将其添加到主要选项中

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

请参阅链接。不要选择包装器选项,您可能会面临比主要问题(我面临)更多的问题。

于 2013-03-28T05:26:27.083 回答