如何在amcharts/highcharts中使用迴歸線圖進行分散？

Question

我讀了所有amcharts和highcharts演示，並無法弄清楚如何繪製圖表就像

我遇到的問題是X軸是文本，而不是數字像大多數amcharts/highcharts演示的。

Answer 1

無論你在x軸上有什麼類別，就散點圖而言 - 你的x值都是類別的數組索引（在圖像中爲0-5）。

有一個插件，自動計算迴歸線，在這裏：

• http://www.highcharts.com/plugin-registry/single/22/Highcharts%20regression

或者，你可以計算自己並正常繪製。

但是，通過一組類別的迴歸線並沒有多大意義。我不明白它如何告訴你任何有用的東西，並且可能更容易造成混淆或徹底的誤解。

在我看來，這似乎是比條形圖更適合繪製散點圖的數據。

FWIW

{{編輯：

在此不再看後，我有些不清楚：是實際的迴歸線，或者是一個平均值，或目標......？

如果是這樣的話，你可以繪製它是一條線系列，或者您可以使用的故事情節：

• http://api.highcharts.com/highcharts#yAxis.plotLines

例與plotLine：

• http://jsfiddle.net/jlbriggs/3d3fuhbb/63/

Answer 2

像這樣的圖表很容易使用amCharts常規Serial chart與帶子彈線圖（bullet: "diamond"）和沒有線（lineAlpha: 0）的線圖完成。

var chart = AmCharts.makeChart("chartdiv", { 
 
    "type": "serial", 
 
    "dataProvider": [ { 
 
    "category": "Civil", 
 
    "value": 0.87 
 
    }, { 
 
    "category": "Piping", 
 
    "value": 1.1 
 
    }, { 
 
    "category": "Mechanical", 
 
    "value": 0.69 
 
    }, { 
 
    "category": "Electrical", 
 
    "value": 0.82 
 
    }, { 
 
    "category": "Insulation", 
 
    "value": 1.42 
 
    }, { 
 
    "category": "Completion", 
 
    "value": 1.1 
 
    } ], 
 
    "valueAxes": [ { 
 
    "guides": [{ 
 
     "value": 1, 
 
     "lineAlpha": 1, 
 
     "lineThickness": 2, 
 
     "lineColor": "#f00" 
 
    }] 
 
    } ], 
 
    "startDuration": 1, 
 
    "graphs": [ { 
 
    "lineAlpha": 0, 
 
    "bullet": "diamond", 
 
    "valueField": "value", 
 
    "lineColor": "#5782bf" 
 
    } ], 
 
    "chartCursor": { 
 
    "categoryBalloonEnabled": false, 
 
    "cursorAlpha": 0, 
 
    "zoomable": false 
 
    }, 
 
    "categoryField": "category", 
 
    "categoryAxis": { 
 
    "gridPosition": "start", 
 
    "gridAlpha": 0, 
 
    "tickPosition": "start" 
 
    } 
 

 
});

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script> 
 
<script src="http://www.amcharts.com/lib/3/serial.js"></script> 
 
<div id="chartdiv" style="width: 600px; height: 200px;"></div>