带有x轴连续数据的条形图

时间:2018-06-02 19:11:43

标签: html d3.js charts c3.js

我想在分组x轴(Access_grade)的条形图中显示以下csv中的数据;比如直方图而不是y轴上的频率,每个分区的平均平均值(例如,每0.5个access_grade点,x中的不同条形和y显示x范围内所有点的平均平均值) :

Access_grade,Mean
9.85,2.28
10.64,7.01
10.0,5.63
10.92,5.7
11.69,6.39
11.79,7.08
11.03,6.1
10.47,5.61
10.1,6.56
12.13,7.49
11.94,6.98
10.96,5.8
10.45,5.61
10.45,5.95
12.62,7.38

任何帮助?

也许像c3这样的东西,但由于有很多点,酒吧构造不正确......我该怎么办?

var Grade_access_bar = c3.generate({
    bindto: '#grade_access_bar',
    data: {
        url: 'grades_access.csv',
        x: 'Access_grade',
        types: {
            Grade:'bar'
        },
    },
    axis: {
        y: {
            label: {
                text: "Average grade",
                position: "outer-middle"
            },
            min: 1,
            max: 9,
            padding: {top: 46},
            tick: {outer: false}
        },
        x: {
            label: {
                text: "Access grade PAU",
                position: "outer-center"
            },
            min: 9,
            max: 14,
            padding: {right: 0.2,left:0.15},
            tick: {
                outer: false,
                count:1,
                fit:false,
                values: [9,10,11,12,13,14]
            }
        }
    },
    size: {
        height: 400,
        width: 800
    },
    zoom: {
        enabled: true
    },
    legend: {
        show: true,
        position: 'inset',
        inset: {
        anchor: 'top-right',
        x: 20,
        y: 300
        }
    }
})

0 个答案:

没有答案