Question

我有以下csv文件来绘制两组不同的数据：正常和全局及其各自的回归。

Access grade global,Grade_global,Regression_global,Access grade,Grade,Regression
11.48,6.0,5.66,11.48,6.0,5.74
11.43,5.6,5.63,11.43,5.6,5.69
12.13,5.9,6.16,12.13,5.9,6.55
10.48,5.0,4.91,10.48,5.0,4.52
10.54,4.7,4.96,10.54,4.7,4.6
10.23,5.1,4.73,10.23,5.1,4.22
12.27,5.5,6.26,12.27,5.5,6.71
11.13,4.2,5.4,11.13,4.2,5.32
13.7,10.0,7.34,13.7,10.0,8.46

我想创建一个包含所有点的散点图，每个组都有不同的颜色，并且各自有线性回归（已经计算过的回归点）。我正在尝试分配＆＃34;访问等级全球＆＃34;和＆＃34;访问等级＆＃34;作为＆＃34; Grade＆＃34; /＆＃34; Grade_global＆＃34;的x值和＆＃34;回归＆＃34; /＆＃34;回归_全球＆＃34;

我该怎么办？我的实际代码是：

var chart = c3.generate({
    bindto: '#chart0',
    data: {
        url: '../static/CSV/Chart_data/grades_access_hs.csv?rnd='+(new Date).getTime(),
        xs: {
            Grade_global: 'Access grade global',
            Grade: 'Access grade'
        },
        type: 'scatter',
        types: {
            Regression_global: "line",
            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,
        step: 1
        }
    },
})

我收到错误：未捕获错误：x未定义为id =＆＃34; Regression_global＆＃34;。

谢谢！

Answer 1

您正在以错误的方式定义x。参考此example，图表构造函数使用xs。

在图表中，定义xs，如下所示：

....
data: {
    url: '../static/CSV/Chart_data/grades_access_hs.csv?rnd='+(new Date).getTime(),
    xs: {
        'Access grade global': 'Access grade',
        'Calculus I global': 'Calculus I',
    },
    type: 'scatter'
},
....

应该有用。

Plunker

c3（v4）散点图，包含两组数据

1 个答案: