Высота шкалы Хичартса 0 для больших наборов данных - PullRequest
Новая
       73

Высота шкалы Хичартса 0 для больших наборов данных

1 голос
/ 02 апреля 2019

У меня есть график xrange, где у каждого «Агента» есть ряд данных временной шкалы, у меня есть несколько проблем с получением готовых атрибутов для правильного форматирования данных графика.Например, когда есть много категорий Series / Y, высота стержня на любом данном точечном элементе равна 0;или когда их мало, чтобы реально получить высоту, они не центрированы в категории

получает высоту 0, это можно решить с помощью атрибута pointWidth, но моя ЦЕЛЬиспользовать атрибуты pointPadding и groupPadding для центрирования метки панели && в разделе категории / агента - можно подумать, что это будет простая задача, а скрипка https://jsfiddle.net/yd7ujvfs/ показывает идеальный конец с, возможно, minWidth, если это возможно

, чтобы воспроизвести мою проблему в jsfiddle, я структурировал определение своей диаграммы и загрузил его в jsfiddle здесь https://jsfiddle.net/0yeu4bg6/4/, который показывает проблему с высотой 0

Кроме того, я хотел бычтобы справиться с делом нескольких агентов и более точно расположить планку в пределах категории, как показано в этом jsfiddle https://jsfiddle.net/5kowvgz3/5/

Заранее благодарим вас за вашу помощь!

Примеры: example of perfectly centered labels with non centered data image 10"> Я попытался поиграть с решением pointPadding, groupPadding против решения pointWidth, кроме того, я попытался поиграть сразмещение метки и выравнивание ее по планке вместо наоборот.Кроме того, я экспериментировал с pointPlacement, но не испытывал радости 

plotOptions: {
  series: {
    minPointLength: 10,
    borderRadius: 0,
    pointPadding: 0,
    groupPadding: .25
  }
},

{
  name: "Adam NonSDX x",
  id: 1003043,
  data: [
     {
       y: 0,
       agentDisplayName: "Adam NonSDX x",
       tooltipDisplay: "Mon, Apr 1 1:14 PM - 2:59 PM",
       name: "Available",
       x: 1554142440000,
       x2: 1554148752857,
       color: "#97e34c"
     },
        ...
   pointPlacement: "on",
   dataLabels: {
     enabled: false
   }
}

Ожидаемые результаты, идеально центрированная метка оси и полоса в каждой категории, в идеале - набор px для каждой категории, например 35 px, где есть 10pxотступы сверху и снизу, а метка и полоса - это средние 25px

фактических результатов, метки идеально отцентрированы, но полоса размещена непоследовательно, кроме того, в больших наборах данных панель не видна, поскольку высота устанавливается в 0

1 Ответ

1 голос
/ 03 апреля 2019

Highcharts резервирует место для каждой серии в каждой категории.Для предотвращения этого отключите параметр grouping: 

plotOptions: {
    series: {
        grouping: false,
        ...
    }
},

Демонстрационная версия: https://jsfiddle.net/BlackLabel/xpztou4g/

Справочник по API: https://api.highcharts.com/highcharts/plotOptions.xrange.grouping

...