@reactive93

Как обновить график?

Всем привет,проблема такая: нужно обновить график в браузере по мере поступления значений. Я пишу на
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();
  • Вопрос задан
  • 184 просмотра
Решения вопроса 1
link_web
@link_web
Magento, Laravel, Zend, Shopify, Prestashop, WP
Делайте обновление графика по таймеру
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы