javascript - 如何从某些函数构建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
    ]
}
});