Как построить диаграмму линии 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 
    ] 
} 
});