将新数据加载到 C3.js 折线图答案

【问题标题】：Loading new data to a C3.js line chart将新数据加载到 C3.js 折线图
【发布时间】：2015-08-08 07:52:12
【问题描述】：

我正在尝试使用从数据库中获取一组 x 和 y 值的函数来动态更新 C3.js 折线图。我试图用来插入数据的函数是：

function insertGraph(yAxis, xAxis, Header) {
    setTimeout(function () {
        console.log("starting");
        chart.load ({
            bindto: "#graph",
            xs: {
                'y':'x'
            },
                columns: yAxis, xAxis   
        });
    }, 100);
}

传递给函数的数据如下所示： y轴：

["y", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]

x轴：

["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

我知道我在这里做的一些根本错误，但任何帮助将不胜感激

【问题讨论】：

标签： javascript d3.js c3.js

【解决方案1】：

以防万一有人需要它，我设法找出了我的问题。这完全取决于您如何执行“列”部分（它需要绑定在[] 中）。这是固定代码以防万一：

function insertGraph(yAxis, xAxis, Header) {
    setTimeout(function () {
        chart.load ({
            bindto: "#graph",
            xs: {
                'y':'x'
            },
            columns: [
                yAxis, 
                xAxis
            ]   
        });
    }, 100);
}

【讨论】：