将回归方程添加到散点图中

Question

我有以下图表工作：

var Grade_access = c3.generate({
    bindto: '#grade_access',
    data: {
        url: 'grades_access.csv',
        x: 'Access_grade',
        types: {
            Grade:'scatter',
            Regression: 'line'
        },
    },
    axis: {
        y: {
        label: {
            text: "Average grade",
            position: "outer-middle"
        },
        min: 1,
        max: 9
        },
        x: {
        label: {
            text: "Access grade PAU",
            position: "outer-center"
        },
        min: 9,
        max: 14
        }
    },
    size: {
        height: 400,
        width: 800
    },
    zoom: {
        enabled: true
    },
    legend: {
        show: true,
        position: 'inset',
        inset: {
        anchor: 'top-right',
        x: 20,
        y: 300
        }
    }
})

document.getElementById("equation").innerHTML = "Grade = " + 2 + "·x + " + 1;

grade_access.csv 如下所示：

Access_grade,Chemistry I,Regression
9.85,3.8,4.54
10.64,5.0,5.31
10.0,4.0,4.69
10.92,5.4,5.58
11.69,5.5,6.33
11.79,8.0,6.43
11.03,6.3,5.69
10.47,5.0,5.14
10.1,5.6,4.78
12.13,8.5,6.76
11.94,6.4,6.57
10.96,6.7,5.62
10.45,5.9,5.12
10.45,5.7,5.12
12.62,7.7,7.24
10.19,5.0,4.87

但我想改变两点来改进它：

• 避免蓝色的点与一条线合并（我只希望橙色的点合并以创建回归线）
• 显示回归线的真实方程（现在我编了系数：2 和 1 不是真实的）

有什么帮助吗？提前致谢！

Answer 1

要隐藏连接蓝点的线，您可以检查path 元素并使用css 隐藏类，或者将Grade 更改为Chemistry I。

由于您的回归值已经计算完毕，因此计算系数变得非常容易。

var d1 = data[0];
var d2 = data[1];
var b = (1-(d2['Regression']/d1['Regression']))/((d1['Access_grade']-d2['Access_grade'])/d1['Regression']);
var a = d1['Regression'] - (b * d1['Access_grade']);

我取了前两个数据点，然后就像求解线性方程组一样。

这是你的plunker。