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

Posted 2023-03-28

【中文标题】使用 d3.js/chart.js/highcharts 在实际和预测散点图中的 R 平方最佳拟合线

【英文标题】：Rsquare best fit line in actual and precited scatter plot with d3.js/chart.js/highcharts

【发布时间】：2021-08-16 03:14:19

【问题描述】：

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

  rsquared: number = 0.987;

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

【参考方案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
      ;