开发手册 欢迎您!
软件开发者资料库

GWT Highcharts - 散点图

GWT Highcharts分散图表 - 从基本概念到高级概念,从简单和简单的步骤学习GWT Highcharts,其中包括概述,环境设置,配置语法,折线图,区域图表,条形图,柱形图,饼图,散点图,动态图表,组合,3D图表,地图。

以下是基本散点图的示例.

我们已经看到用于在 Highcharts配置语法章节.

下面给出了一个基本散点图的示例.

配置

现在让我们看看其他配置/步骤.

series

将图表类型配置为基于散点图. series.type 决定图表的系列类型.这里,默认值为"line".

chart.addSeries(chart.createSeries()     .setName("Observations")     .setType(Type.SCATTER)     .setPoints(new Number[] {        1, 1.5, 2.8, 3.5, 3.9, 4.2     })  ) ;

示例

HelloWorld.java

package com.it1352.client; import org.moxieapps.gwt.highcharts.client.Chart;import org.moxieapps.gwt.highcharts.client.Series.Type;import com.google.gwt.core.client.EntryPoint;import com.google.gwt.user.client.ui.RootPanel;public class HelloWorld implements EntryPoint {   public void onModuleLoad() {      final Chart chart = new Chart()           .setChartTitleText("Scatter plot");        chart.getXAxis()           .setMin(-0.5)           .setMax(5.5);        chart.getYAxis()           .setMin(0);        chart.addSeries(chart.createSeries()           .setName("Observations")           .setType(Type.SCATTER)           .setPoints(new Number[] {              1, 1.5, 2.8, 3.5, 3.9, 4.2           })        );        RootPanel.get().add(chart);   } }

结果

验证结果.

Scatter Chart

pt")[0]; s.parentNode.insertBefore(hm, s); })();