0 value column chart - highchart

Question

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

Установка свойства minPointLength делает линию выше оси x.

Любая помощь или указатели помогут.

Ниже приведены мои варианты:

 plotOptions: { 
    column: { 
     shadow: false, 
     pointWidth: 11.5, 
     borderWidth: 0.5, 
     enableMouseTracking: false, 
     minPointLength: 1 
    } 
}, 
yAxis: { 
    labels: { 
     align: 'left', 
     style: { 
      color: 'gray', 
      fontWeight: 'normal', 
      fontSize: '8.5px', 
      fontFamily: 'Arial' 
     } 
    }, 
    minorGridLineWidth: 1, 
    minorTickInterval: 10000, 
    minorGridLineColor: 'white', 
    minorTickWidth: 0, 
    title: { 
     text: '', 
     rotation: 270.0, 
     style: { 
      fontWeight: 'normal' 
     }, 
     margin: 20, 
     style: { 
      fontWeight: 'normal', 
      fontFamily: 'Arial', 
      color: '#666666', 
      fontSize: '11px' 
     } 
    }, 
    opposite: true, 
    min: 0, 
    max: 500000, 
    tickInterval: 100000, 
    gridLineWidth: 0.0 
} 

Это дает мне точку 1px выше оси х. Но я ищу небольшую точку тени/1px ниже xAxis.

Answer 1

Единственный способ, с помощью которого я смог выполнить что-то подобное, - это преобразовать 0 значений в отрицательные значения (чаще всего я делал что-то, где у меня есть очень маленький столбец, который идет от -1 до 1, передислоцируя линию 0)

Насколько большой объем ваших данных будет определять, какое отрицательное значение вам нужно указать.

http://jsfiddle.net/jlbriggs/JVNjs/307/

data: [7,12,16,-1,32,64] 

{{Edit:

обновленный пример с startOnTick: ложь - http://jsfiddle.net/jlbriggs/JVNjs/309/