Question

我正在使用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（选项，值），但我无法让它工作。例如，如何将上面示例中的两条线设置为红色和绿色。我试过了：

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

但它不起作用。

Answer 1

因为您只需更改线条的颜色，

您必须使用颜色创建自己的Options类，并将其添加到主选项

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

请参阅link。不要选择包装选项，您可能会面临许多问题而不是主要问题（ I Faced ）。

GWT和Visualization API选项

1 个答案: