C3.js 开源图表库

C3.js 是一个基于 D3.js 的可重用的开源图表库。使用非常舒服、充分可定制性和控制性。支持多种图表类型。

示例代码

var chart = c3.geneRATe({

    Data: {

        columns: [

            ['data1', 30, 200, 100, 400, 150, 250],

            ['data2', 50, 20, 10, 40, 15, 25]

        ]

    }

});

 

setTimeout(Function () {

    chart.load({

        columns: [

            ['data1', 230, 190, 300, 500, 300, 400]

        ]

    });

}, 1000);

 

setTimeout(function () {

    chart.load({

        columns: [

            ['data3', 130, 150, 200, 300, 200, 100]

        ]

    });

}, 1500);

 

setTimeout(function () {

    chart.unload({

        ids: 'data1'

    });

}, 2000);