加载新数据到C3.js折线图
Loading new data to a C3.js line chart
我试图动态更新C3.js折线图使用一个函数,从数据库中获得一组x和y值。我试图用来插入数据的函数是:
function insertGraph(yAxis, xAxis, Header) {
setTimeout(function () {
console.log("starting");
chart.load ({
bindto: "#graph",
xs: {
'y':'x'
},
columns: yAxis, xAxis
});
}, 100);
}
传递给函数的数据看起来像这样:桠溪:
["y", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
xAxis:
["x", 0, 131.35, 26971.3, 27044.75, 27351.4, 27404.483333333334, 27419.416666666668, 33128.96666666667, 33549.13333333333, 34049.48333333333, 77464.26666666666, 77609.71666666666, 174171.85, 259166.98333333334]
MakeModeChange #just a string
我知道我在这里做了一些根本性的错误,但是任何帮助都会很感激
万一有人需要它,我设法找出我的问题。这一切都取决于您如何执行"列"部分(它需要在[]
中绑定)。下面是固定的代码,以防万一:
function insertGraph(yAxis, xAxis, Header) {
setTimeout(function () {
chart.load ({
bindto: "#graph",
xs: {
'y':'x'
},
columns: [
yAxis,
xAxis
]
});
}, 100);
}
相关文章:
- 如何将我的json结构转换为C3.js所需的列结构
- c3.js图表上的自定义刻度值
- C3.js通过单击按钮显示工具提示
- 使用 c3 js,有没有办法在放大时显示更多的 x 轴值
- c3.js圆环图onclick函数
- json数组c3.js的列数据
- 使用C3.js对不同的数据使用相同的json键
- 如何更新 C3.js图形线宽和刻度颜色
- 有没有办法更改c3.js中子图表的类型
- c3.js 中的增量散点图
- 如何将文本附加到 c3.js 区域
- C3.js 样本不起作用
- 是否可以为 c3.js 加载新的 y 轴标签
- 图表拦截触摸事件并防止在 c3 js 中滚动
- 将图表数据集替换为 d3.js / c3.js
- 重新加载 c3.js 图形上的所有数据点
- C3.js气泡图选择
- 如何将 json 编码数组加载为 c3.js 的 x 轴
- 如何在 c3.js 中将零值添加到时间序列中
- C3.js Y 轴范围(最大/最小值)不适用于条形图