带 d3 的实际和预测散点图中的 R 平方最佳拟合线。js/chart.js/highcharts

Question

我想在实际值和预测值的散点图中绘制rSquared最佳拟合线，在那里我得到了rsquare值，我首先想到使用ag网格图，但找不到方法，所以想到使用任何 js 图表包（d3.js，chart.js，highcharts.js）是否可以在散点图中绘制此 rsquare 线。 作为参考，我在此 plunkr 中添加了数据，但使用了 ag 网格图表，但找不到任何方法。

  rsquared: number = 0.987;

plunkr 代码 https://plnkr.co/edit/rhQfOrHRQGwD7TrZ?preview

Answer 1

在这里您可以找到 2 篇文章，它们可以帮助您了解如何在 Highcharts 中执行此操作： https://www.highcharts.com/blog/tutorials/data-science-and-highcharts-linear-regression/ https://www.highcharts.com/blog/tutorials/calculating-and-drawing-a-linear-regression-using-highcharts/

  function (data) {
    function regression(arrWeight, arrHeight) {
      let r, sy, sx, b, a, meanX, meanY;
      r = jStat.corrcoeff(arrHeight, arrWeight);
      sy = jStat.stdev(arrWeight);
      sx = jStat.stdev(arrHeight);
      meanY = jStat(arrWeight).mean();
      meanX = jStat(arrHeight).mean();
      b = r * (sy / sx);
      a = meanY - meanX * b;
      //Set up a line
      let y1, y2, x1, x2;
      x1 = jStat.min(arrHeight);
      x2 = jStat.max(arrHeight);
      y1 = a + b * x1;
      y2 = a + b * x2;
      return {
        line: [
          [x1, y1],
          [x2, y2]
        ],
        r
      };
    }