C3散点图显示所有tcks

时间:2019-06-12 21:52:17

标签: javascript d3.js charts c3.js scatter

我的Y轴分为四个类别。
我的X轴有6个类别。

我并不总是每个人都有数据,但我需要一直显示刻度线。
我已经为不想显示的点插入了0个计数。但这仍然会触发鼠标悬停事件(这似乎是不可接受的)。当我过滤掉非数据时,我所有的刻度都消失了。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

尝试用“ null”代替“ 0”

在这里,“ gnu”仍然显示为一个类别

var chart = c3.generate({
    data: {
        xs: {
            setosa: 'setosa_x',
            versicolor: 'versicolor_x',
        },
        // iris data from R
        columns: [
            ["setosa_x", "ant", "bat", "cat", "dog"],
            ["versicolor_x", "eel", "fox", "gnu", "hen"],
            ["setosa", "0.2, 0.2, 0.2, 0.2"],
            ["versicolor", 1.3, 1.3, null, 1.3],
        ],
        type: 'scatter'
    },
    axis: {
        x: {
            label: 'Sepal.Width',
            tick: {
                fit: false
            },
            type: "category"
        },
        y: {
            label: 'Petal.Width',
            type: "category"
        }
    }
});