Возникли проблемы с датой в CanvasJS - PullRequest
Новая
       9

Возникли проблемы с датой в CanvasJS

0 голосов
/ 21 января 2020

Я учусь c# в школе (ASP. NET). Для моей диссертации я должен показать график с потреблением электроэнергии (в режиме реального времени). Я нашел холст JS. Я знаю как сделать динамический граф c и в реальном времени. Но у меня есть текстовый файл с моей информацией в нем. Я делаю список с моделью:

  1. Дата-дата
  2. двойное потребление

Теперь эту дату необходимо преобразовать в javascript дату, потому что Мне нужны часы и минуты на графике.

Теперь сначала я сериализую свой список в сумку просмотра 

     ViewBag.DataPoints = JsonConvert.SerializeObject(dataPoints);

Это код моего javascript

      <script>
        window.onload = function () {
          var Array = @Html.Raw(Html.Encode(ViewBag.DataPoints));
          var chart = new CanvasJS.Chart("chartContainer", {
            theme: "light2",
            animationEnabled: true,
            exportEnabled: true,
            title: {
                text: "Verbruik"
            },
            axisX: {
                title: "Tijd (in HH:mm)",
                valueFormatString: "HH:mm",
                labelFormatter: function (e) {
                    return CanvasJS.formatDate(e.value, "HH:mm");
                }
            },
            axisY: {
                includeZero: false,
                valueFormatString: "#,### W",
                title: "Vermogen (in W)",

            },
            data: [{
                yValueFormatString: "#,### W",
                xValueFormatString: "DD MMM",
                type: "line",
                xValueType:"dateTime",
                /*dataPoints: [
                    { x: new Date(2020, 1, 17, 18, 54), y: 80 },

                ]*/
                dataPoints:

                @Html.Raw(Html.Encode(ViewBag.DataPoints))
            }]
        });

        var xVal = 0;
        var yVal = 100;
        var updateInterval = 1000;
        var dataLength = 24; // number of dataPoints visible at any point

        chart.render();
        updateChart(dataLength);
        setInterval(function () { updateChart() }, updateInterval);


    }

когда значение зафиксировано, оно работает. Я дал код, когда значение зафиксировано.

Кто-то, кто знает, что я могу сделать? Я искал на сайте, но я думаю, что мой поиск не очень хороший.

заранее спасибо

...