如何在 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

{{编辑：

看了很久之后，我有点不清楚：这实际上是一条回归线，还是一个平均值，还是一个目标...？

如果是这样，您可以将其绘制为线系列，也可以使用 plotLines:

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

带有 plotLine 的示例：

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

Answer 2

像这样的图表很容易使用 amCharts regular Serial chart with line graph with bullets (bullet: "diamond") and no line (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>

如何在 amcharts / highcharts 中用回归线图制作散点图？

how to make a scatter with regression line graph in amcharts / highcharts?

amcharts

highcharts