GWT Google चार्ट - स्कैटर चार्ट
निम्नलिखित एक स्कैटर चार्ट का एक उदाहरण है।
हमने पहले ही Google चार्ट कॉन्फ़िगरेशन सिंटैक्स चैप्टर में एक चार्ट बनाने के लिए उपयोग किए गए कॉन्फ़िगरेशन को देखा है । अब, एक स्कैटर चार्ट का एक उदाहरण देखते हैं।
विन्यास
हमने उपयोग किया है ScatterChart क्लास एक स्कैटर चार्ट दिखाने के लिए।
ScatterChart chart = new ScatterChart();
उदाहरण
HelloWorld.java
package com.tutorialspoint.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
import com.googlecode.gwt.charts.client.ChartLoader;
import com.googlecode.gwt.charts.client.ChartPackage;
import com.googlecode.gwt.charts.client.ColumnType;
import com.googlecode.gwt.charts.client.DataTable;
import com.googlecode.gwt.charts.client.corechart.ScatterChart;
import com.googlecode.gwt.charts.client.corechart.ScatterChartOptions;
public class HelloWorld implements EntryPoint {
private ScatterChart chart;
private void initialize() {
ChartLoader chartLoader = new ChartLoader(ChartPackage.CORECHART);
chartLoader.loadApi(new Runnable() {
public void run() {
// Create and attach the chart
chart = new ScatterChart();
RootPanel.get().add(chart);
draw();
}
});
}
private void draw() {
// Prepare the data
DataTable data = DataTable.create();
data.addColumn(ColumnType.NUMBER, "Age");
data.addColumn(ColumnType.NUMBER, "Weight");
data.addRow(8,12);
data.addRow(4, 5.5);
data.addRow(11,14);
data.addRow(4,5);
data.addRow(3,3.5);
data.addRow(6.5,7);
ScatterChartOptions options = ScatterChartOptions.create();
options.setTitle("Age vs Weight");
options.setLegend(null);
// Draw the chart
chart.draw(data, options);
chart.setWidth("400px");
chart.setHeight("400px");
}
public void onModuleLoad() {
initialize();
}
}
परिणाम
परिणाम सत्यापित करें।