Хобрук: Ваш путь к мастерству в программировании

Обработан ряд линейных диаграмм HighstockYДанные неверны

Фотография с ошибочной диаграммой | Увеличение масштаба (меньше точек данных) отображается правильноПри отображении логического значения во времени (как ступенчато), Highstock 7.2.0 вводит интерполированные значения между 0 и 1. Я хотел бы, чтобы результат отображал 0 и 1 ступенчато. Смотрите прикрепленные фотографии. Размеченный показывает интерполированные значения.

Я смотрю на разницу между series.data и series.processedYData, и хотя series.data представляет собой смесь 0 и 1, как и ожидалось, series.processedYData содержит некоторые интерполированные значения между 0 и 1. Если я увеличу затронутое время диапазон, он отображается правильно. Это происходит только при извлечении большего набора данных (более 100 или около того).

scope.CreateChart = function () {
    if (scope.chart) scope.chart.destroy();
    scope.chart = new Highcharts.stockChart('trend', {
        rangeSelector: {
            enabled:false
        },
        legend: {
            layout: 'horizontal',
            align: 'center',
            verticalAlign: 'bottom',
            enabled:true
        },
        plotOptions: {
            connectNulls: false
        },


        chart: {
            zoomType: 'xy',
        },
        xAxis: {
            type: 'datetime',
            dateTimeLabelFormats: {
                millisecond: '%H:%M:%S.%L',
                second: '%H:%M:%S',
                minute: '%H:%M',
                hour: '%H:%M',
                day: '%b %e',
                week: '%b %e',
                month: '%b \'%y',
                year: '%Y'
            }
        },
        yAxis: [{ id: GuidSvc.Create(), title: { text: 'Default' }, opposite: false }],
        series: [
            {name: 'Series 1', 
             step: true,
             type: 'line',
             data: [[1568293051542,0],[1568293352761,0],[1568293652277,0]
        ],
        credits: { enabled: false },
        lang: {
            noData: "No tags selected.  Click on a tag to trend"
        },
        noData: {
            style: {
                fontWeight: 'bold',
                fontSize: '15px',
                color: '#ccc'
            }
        }
    });
};
19.09.2019

  • Ваше описание не содержит вопроса. Не могли бы вы сделать более очевидным то, что вы хотите, чтобы произошло? 19.09.2019
  • Спасибо, обновил и добавил пару изображений для пояснения. 20.09.2019

Ответы:


1

Это происходит, вероятно, из-за серии dataGrouping. Это концепция выборки значений данных в более крупные блоки для облегчения чтения и повышения производительности.

Таким образом, решение может состоять в том, чтобы отключить его или изменить метод аппроксимации, чтобы он показывал не среднее по группе, а одну из ее точек (чтобы она была 0 или 1).

  plotOptions: {
    series: {
      dataGrouping: {
        enabled: false
      }
    }
  }

Справочник по API:

20.09.2019
Новые материалы

Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..

Как свинг-трейдеры могут использовать ИИ для больших выигрышей
По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..

Как построить любой стол
Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...

Обзор: Машинное обучение: классификация
Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..

Разработка расширений Qlik Sense с qExt
Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..