GWT Highcharts - Scatter Chart

Sau đây là một ví dụ về biểu đồ phân tán cơ bản.

Chúng ta đã thấy cấu hình được sử dụng để vẽ biểu đồ trong chương Cú pháp cấu hình Highcharts .

Dưới đây là một ví dụ về biểu đồ phân tán cơ bản.

Cấu hình

Bây giờ chúng ta hãy xem các cấu hình / bước bổ sung được thực hiện.

loạt

Định cấu hình loại biểu đồ để dựa trên phân tán. series.typequyết định loại chuỗi cho biểu đồ. Ở đây, giá trị mặc định là "line".

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

Thí dụ

HelloWorld.java

package com.tutorialspoint.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);
   }
}

Kết quả

Xác minh kết quả.