自定义C3JS传奇。如何添加文字和新行?

时间:2016-09-15 07:45:18

标签: javascript html css c3.js

标题很清楚。我有9个数据,我需要图例第一行中的数据1,然后是第二行中带有文本的行,然后是第3行中的其余数据(见图)。

var chart = c3.generate({
    bindto: '#chart',
    data: {
        columns: [
            ['data1', 30],
            ['data2', 130],
            ['data3', 230],

            ['data4', 120],
            ['data5', 50],
            ['data6', 20],

            ['data7', 30],
            ['data8', 130],
            ['data9', 230]
        ],
        type: 'bar',
    },
    grid: {
        y: {
            lines: [{value:0}]
        }
    }
});

https://jsfiddle.net/vL23rbkz/9/

我需要什么: enter image description here

1 个答案:

答案 0 :(得分:1)

在c3.js的文档中有一个例子custom legend可以帮助你。看起来你正在取消对show:false属性的默认传说,但在此之后你对你想要如何拥有你的传奇有充分的力量。祝你好运:)