Question

js是一个非常好的库，但我有一个问题：在我的图表中，每个条形代表两小时之间产生的值，但是勾选文本位于条形图下方，我希望在条形图之间得到它！

我的x轴类型是“type：'category'” data = ['x'，'01：00'，'02：00'，'03：00'，'04：00'，'05：00'，'06：00']

有人能帮助我吗？提前谢谢。

Answer 1

您可以将x轴转换为时间序列，并将值标记为小时范围的实际中点（12.30,1.30 ......）

var chart = c3.generate({
    data: {
        x: 'x',
        columns: [
            ['x',
            new Date('2013-01-01T00:30'),
            new Date('2013-01-01T01:30'),
            new Date('2013-01-01T02:30'),
            new Date('2013-01-01T03:30')],
            ['data1', 30, 200, 100, 400]
        ],
        type: 'bar'
    },
    axis: {
        x: {
            type: 'timeseries',
            tick: {
                format: '%H:%M',
                values: [
                    new Date('2013-01-01T00:00'), 
                    new Date('2013-01-01T01:00'), 
                    new Date('2013-01-01T02:00'),
                    new Date('2013-01-01T03:00'),
                    new Date('2013-01-01T04:00')
                ],
                rotate: -90
            },
            height: 50
        }
    }
});

小提琴 - http://jsfiddle.net/v4z45zzj/

如何在c3.js或d3.js的条形图中设置条形之间的x轴刻度文本？

1 个答案: