2016-12-16 1 views
-1

Я создал простую диаграмму столбцов с datetime xAxis и другими параметрами. Если я добавляю простые данные [342, 351, ...], он рисует, как ожидалось, с столбцами, размер которых соответствует пространству. Однако, когда я использую пары данных [x, y], [[1481863920000,326], [1481863915000,330], ...], столбцы становятся чрезмерно широкими и перекрывают друг друга.высокоскоростные столбцы с большими объемами с определенными данными

jsFiddle показывая вопрос http://jsfiddle.net/7hoes1p9/

Highcharts.chart('container', { 
    chart: { 
     type: 'column' 
    }, 
    title: { 
     text: 'Column chart with fat columns' 
    }, 
    xAxis: { 
     type: 'datetime' 
    }, 
    credits: { 
     enabled: false 
    }, 
    series: [{ 
     name: 'John', 
     data: [[1481863920000,326],[1481863915000,330],[1481863910000,418],[1481863905000,384],[1481863900000,329],[1481863895000,342],[1481863890000,550],[1481863885000,639],[1481863880000,488],[1481863875000,375],[1481863870000,532],[1481863865000,397],[1481863860000,362],[1481863855000,312],[1481863850000,373],[1481863845000,373],[1481863840000,344],[1481863835000,356],[1481863830000,545],[1481863825000,646],[1481863820000,454],[1481863815000,328],[1481863810000,553],[1481863805000,407]] 
    }] 
}); 

мне нужно переопределить некоторые поведение по умолчанию, чтобы получить соответствующие столбцы ли? Есть ли минимальная ширина столбца, которую мне нужно отключить? Нужно ли добавлять данные по-разному? Любая помощь будет оценена по достоинству.

+0

Вы можете поделиться снимок того, что ваш график выглядит? – progrAmmar

ответ

1

When вы используете ось datetime с рядом столбцов и столбцов, вы должны указать свойство pointRange. Он определяет, какой диапазон времени действителен для одного столбца.

series: [{ 
     pointRange: 1000, 

пример: http://jsfiddle.net/7hoes1p9/5/

+0

Это сделало трюк! Для моего случая с 5000ms между точками, pointRange 10000 дал ожидаемую автоматическую толщину для столбцов. – Ron

0

Вам необходимо добавить. pointwidth, чтобы получить оптимальную ширину столбцов, продемонстрированной here в этой скрипке

column: { 
       pointWidth: 1, 
      } 

или другие варианты относятся к этой теме here

+0

Да, это приведет к узким столбцам, но я хочу, чтобы они автоматически зависали, чтобы заполнить пробел. Если есть много значений, 1 может иметь смысл, но если диаграмма разрежена, я бы хотел, чтобы столбцы были более широкими. Указание значащего pointRange (см. Ниже) получило автоматическое поведение, которое я искал. – Ron

0

Проверьте следующее в настройках графиков:

plotOptions: { 
      series: { 
       pointWidth: 5 
      } 
     }