Gráfico de dispersão com linha de regressão
A seguir está um exemplo de um gráfico de dispersão com linha de regressão.
Já vimos a configuração usada para desenhar um gráfico no capítulo Highcharts Configuration Syntax .
Um exemplo de gráfico de dispersão com linha de regressão é fornecido abaixo.
Configurações
Vamos agora ver as configurações / etapas adicionais realizadas.
Series
Configure o tipo de gráfico para ser baseado em dispersão. series.typedecide o tipo de série do gráfico. Aqui, o valor padrão é "linha".
chart.addSeries(chart.createSeries()
.setType(Type.SCATTER)
);
Exemplo
HelloWorld.java
package com.tutorialspoint.client;
import org.moxieapps.gwt.highcharts.client.Chart;
import org.moxieapps.gwt.highcharts.client.Series;
import org.moxieapps.gwt.highcharts.client.plotOptions.LinePlotOptions;
import org.moxieapps.gwt.highcharts.client.plotOptions.Marker;
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 with regression line");
chart.getXAxis()
.setMin(-0.5)
.setMax(5.5);
chart.getYAxis()
.setMin(0);
chart.addSeries(chart.createSeries()
.setName("Regression Line")
.setType(Series.Type.LINE)
.setPlotOptions(new LinePlotOptions()
.setMarker(new Marker()
.setEnabled(false)
)
.setHoverStateLineWidth(0)
.setEnableMouseTracking(false)
)
.setPoints(new Number[][]{
{0, 1.11}, {5, 4.51}
})
);
chart.addSeries(chart.createSeries()
.setName("Observations")
.setType(Series.Type.SCATTER)
.setPoints(new Number[] {
1, 1.5, 2.8, 3.5, 3.9, 4.2
})
);
RootPanel.get().add(chart);
}
}
Resultado
Verifique o resultado.