Highcharts scatterplot on the regression line
The following example illustrates the regression line on the scatter plot.
In the previous section we already know Highcharts basic configuration syntax. Let's look at the other configurations.
Configuration
series configuration
The type attribute is set series line / scatter, series.type column describes the data type. The default value is "line".
var series = { type: 'scatter' };
Examples
File name: highcharts_combinations_scatter.htm
<html> <head> <meta charset="UTF-8" /> <title>Highcharts 教程 | 本教程(w3big.com)</title> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="http://code.highcharts.com/highcharts.js"></script> </head> <body> <div id="container" style="width: 550px; height: 400px; margin: 0 auto"></div> <script language="JavaScript"> $(document).ready(function() { var title = { text: '散点图上添加回归线' }; var xAxis = { min: -0.5, max: 5.5 }; var yAxis= { min: 0 }; var series= [{ type: 'line', name: '回归线', data: [[0, 1.11], [5, 4.51]], marker: { enabled: false }, states: { hover: { lineWidth: 0 } }, enableMouseTracking: false }, { type: 'scatter', name: '观察点', data: [1, 1.5, 2.8, 3.5, 3.9, 4.2], marker: { radius: 4 } } ]; var json = {}; json.title = title; json.xAxis = xAxis; json.yAxis = yAxis; json.series = series; $('#container').highcharts(json); }); </script> </body> </html>
The above example output is: