javascript - 更改 C3.js 中图表的源 URL

标签 javascript jquery d3.js datetimepicker c3.js

我有一个使用 C3.js 显示图表的网页。数据源是一个url。现在我想添加引导日期时间选择器的功能,以便我可以在特定时间戳之后查询数据。选择日期并提交。源 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'
    });
});

关于javascript - 更改 C3.js 中图表的源 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33475928/

相关文章:

javascript - mustache JS 表 strip 化

jquery - 用户点击图片,视频开始播放

d3.js - 使用 v6 中的箭头功能在拖动事件中选择元素

javascript - D3 转换未按预期工作

ajax - Jquery .height 和 .width 在 ajax 内容上返回错误的数字

html - 更改NVD3中焦点图的背景颜色

javascript - vis.js 速度慢,有很多节点/边

javascript - 动态删除html文件脚本标签之间的所有内容

javascript - 根据我的操作系统时间格式显示时间

jquery - Scrollify - 当模式打开时禁用部分滚动