Question

我有一个网页，显示使用C3.js的图表。数据来源是网址。现在我想添加引导日期时间选择器的功能，以便我可以在特定时间戳之后查询数据。选择日期并提交日期。应更改源URL，它应包含时间戳的查询参数。这可能与C3.js，刷新源URL。我怎样才能做到这一点？

Answer 1

您可以使用.load(); API函数刷新图表。看实况示例here

应该看起来像：

var chart = c3.generate({
    data: {
        url: '/data/c3_test.csv'
    }
});

//later in the code
//#timestamp is your datetime picker element
$('#timestamp').on('change', function(){
    chart.load({
        url: '/data/c3_test2.csv'
    });
});

更改C3.js中图表的源URL

1 个答案: