Использую библиотеку
Chartist для графиков и вобщем понадобилась функция динамического добавления новых данных в таблицу.
Инициализация 2-х графиков:
// Initialize a Line chart in the container with the ID chart1
var LineChart = new Chartist.Line('#chart1', {
labels: ['First PhotoCabin', 'Second PhotoCabin', 'Third PhotoCabin', 'Fourth PhotoCabin'],
series: [[0, 0, 0, 0]]
});
// Initialize a Line chart in the container with the ID chart2
var BarChart = new Chartist.Bar('#chart2', {
labels: ['First PhotoCabin', 'Second PhotoCabin', 'Third PhotoCabin', 'Fourth PhotoCabin'],
series: [[0, 0, 0, 0]]
});
Моя, пока не готовая функция добавления нового столбца / точки на графике и тд.:
function addLineChart(array, label, series){
var data = {
labels: ['First PhotoCabin', 'Secfdsfdsnd PhotoCabin', 'Third PhodsfdsftoCabin', 'Foufdsf PhotoCabin'],
series: [[0, 0, 0, 0]]
}
data.labels.push(label);
data.series.push(series);
array.update(data);
}
И тестовый вызов функции через кнопку:
<button class="btn btn-default" onclick="addLineChart(LineChart, '5th', 6)">Test ADD</button>
При таком раскладе функция AddLineChart переопределяетвсе данные в графике в соответствии с data внутри функции и добавляет новую точкус помощью data.labels.push(label); НО не создает соединяющую линию, за которую отвечает следующая строка: data.series.push(series); я понимаю, что не правильно обращаюсь к массиву, но вобще понятия не имею как это сделать, перерыл форумы и чет ничего.
Прошу помочь мне с этим.