0 value column chart - highchart



如何为柱状图中的零值点在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
 }

这给了我一个在x轴上方1px的点。但是我要找的是xAxis下面的一个小阴影/1px点

我发现完成这样的事情的唯一方法是将0值转换为负值(我经常做一些事情,我有一个非常小的列,从-1到1,跨越0行)

你的数据有多大的价差将决定你需要指定的负值。

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

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

{{编辑:

更新了startOnTick:false的示例- http://jsfiddle.net/jlbriggs/JVNjs/309/

最新更新