GWT Highcharts - แผนภูมิกระจาย

ต่อไปนี้เป็นตัวอย่างแผนภูมิกระจายพื้นฐาน

เราได้เห็นการกำหนดค่าที่ใช้ในการวาดแผนภูมิในบทHighcharts Configuration Syntaxแล้ว

ตัวอย่างแผนภูมิกระจายพื้นฐานแสดงไว้ด้านล่าง

การกำหนดค่า

ให้เราดูการกำหนดค่าเพิ่มเติม / ขั้นตอนที่ดำเนินการ

ชุด

กำหนดค่าประเภทแผนภูมิที่จะกระจายตาม series.typeตัดสินใจประเภทซีรีส์สำหรับแผนภูมิ ค่าเริ่มต้นคือ "เส้น"

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

ผลลัพธ์

ตรวจสอบผลลัพธ์