【问题标题】:0 value column chart - highchart0值柱形图-highchart
【发布时间】:2026-01-05 11:10:01
【问题描述】:

对于柱形图中的零值点,如何在 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 点。

【问题讨论】:

  • 请附上您尝试过的代码示例,以及为什么它不适合您的详细信息。
  • 如果您将完整的代码粘贴到您的数据中将会很有帮助,因为像 jsfiddle.net/dDqBB 这样的示例可以与 minPointLength 一起正常工作

标签: highcharts


【解决方案1】:

我发现完成这样的事情的唯一方法是将 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/

【讨论】:

  • 感谢您的回复!但我希望我的 yAxis 标签从 0 开始。我们是否应该使用 threshold , yAxis min 来实现这一点?
  • 你可以使用startOnTick: falsemin:-1作为yAxis:jsfiddle.net/JVNjs/308
  • 是的,startOnTick: false 是最好的方法。
  • 谢谢!我将采用这个解决方案!
最近更新 更多