Всем привет,проблема такая: нужно обновить график в браузере по мере поступления значений. Я пишу на
ASP.NET MVC и использую библиотеку SingnalR, для обмена данными получаю я значения по TCP, все нормально, данные приходят для примера просто выводил в html на страницу, а вот в график никак не добавляется. Использую библиотеку для графика CanvasJS(может он не подходит для обновления?). Вот код SignalR
<script>
$(function () {
var znach = $.connection.socketHub;
znach.client.mysend = function (x, y) {
// alert(x, y);
dps.push({ "x": x, "y": y }); //массив хранения для графика
$("#resp").append(x + " " + y + " ");// здесь я просто вставляю в html
chart = $("#container").CanvasJSChart();
}
});
$.connection.hub.start();
</script>
Вот отрисовка графика брал из примера:
var dps = [];/*{ x: 1, y: 10 }, { x: 2, y: 10 }, { x: 3, y: 10 }, { x: 4, y: 10 }, { x: 5, y: 10 }*/
$(function () {
$("#container").CanvasJSChart({
title: {
text: "TEST"
},
axisY: {
title: "Rainfall in mm",
includeZero: false
},
axisX: {
interval: 1
},
data: [
{
type: "line",
toolTipContent: "{label}: {y} mm",
dataPoints: dps
}
]
});
});
var chart = $("#container").CanvasJSChart();