Создание графиков c3 с динамическими значениями

Ниже приведен код, который я использую для генерации линейного графика с использованием c3.js. В переменной ‘value’ я получу значения, которые будут представлены в виде значений, разделенных запятыми. Я жестко закодировал значения сейчас. С помощью этого кода сгенерированный граф имеет только одно значение — «0».

Этот код не работает:

       var name = "Graph Values";
var value = "120,150,120,120,120";
var obj = {
"data1": [value]
}
var chart = c3.generate({
bindto: '#chart1',
data: {
columns: [
[name].concat(obj.data1)
]
}
});

Этот код работает:

       var name = "Graph Values";
var value = "120,150,120,120,120";
var obj = {
"data1": [120,150,120,120,120]
}
var chart = c3.generate({
bindto: '#chart1',
data: {
columns: [
[name].concat(obj.data1)
]
}
});

1

Решение

Проблема заключалась в том, что объявленное вами значение было неправильно

 var value = [120,150,120,120,120];
var obj = {
"data1": value
} ;
0

Другие решения

Вы можете поместить свои данные в массив.

var Array=[]; //Store your dynamic values here
var chart = c3.generate({
bindto: '#chart1',
data: {

columns:[Array],
type : 'bar',}
});
0