如何从某些函数构建 c3js 线图，而不仅仅是带有随机数的简单数组？

Question

我需要构建一些函数的线图（例如 y=x*x）。但是如何将 x 和 y 的值传递给 C3 列？

我这里有代码，只是构建了一个简单的线图，所以我需要如何修改它？

var chart = c3.generate({
data: {
    xs: {
        'data1': 'x1',
        'data2': 'x2',
    },
    columns: [
        ['x1', 10, 30, 45, 50, 70, 100],
        ['x2', 30, 50, 75, 100, 120],
        ['data1', 30, 200, 100, 400, 150, 250],
        ['data2', 20, 180, 240, 100, 190]
    ]
}
});

Answer 1

为什么不只计算一些值并将其推送到图表中呢？您只需要一个循环，计算您的数据并将结果推送到该列。例如：

var functionDataY = ['yLabel']
var functionDataX = ['xLabel']

for(var i=0; i<10; i++){
  functionDataY.push(i*i);
  functionDataX.push(i);
}

var chart = c3.generate({
data: {
    xs: {
        'yLabel': 'xLabel',
    },
    columns: [
        functionDataY, functionDataX
    ]
}
});

如何从某些函数构建 c3js 线图，而不仅仅是带有随机数的简单数组？

How to build c3js line diagram from some function, not just simple array with random numbers?

javascript

diagram

c3.js