更改 C3.js 中图表的来源 URL
Change Source URL of Charts in C3.js
我有一个使用 C3.js 显示图表的网页。数据来源是url。现在我想添加 bootstrap 日期时间选择器的功能,以便我可以在特定时间戳之后查询数据。选择日期并提交。应该更改源 url,它应该包含时间戳的查询参数。
C3.js 这可能吗,刷新源 url。
我怎样才能做到这一点?
您可以使用.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。现在我想添加 bootstrap 日期时间选择器的功能,以便我可以在特定时间戳之后查询数据。选择日期并提交。应该更改源 url,它应该包含时间戳的查询参数。 C3.js 这可能吗,刷新源 url。 我怎样才能做到这一点?
您可以使用.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'
});
});