HighCharts pointPlacement选项无法在单个柱形图中使用

时间:2013-10-01 15:15:00

标签: javascript jquery highcharts

看起来pointPlacement不能使用单个列...

  

点位置也可以是数字,其中0表示轴值,   -0.5介于此值和前一个值之间,0.5介于此值和下一个值之间。与文本选项不同,数字点   放置选项不会影响轴填充。

就像下面的示例中我删除了这些数据一样,它不再起作用了:

{
  name: 'Employees Optimized',
  color: 'rgba(126,86,134,.9)',
  data: [140],
  pointPadding: 0.4,
  pointPlacement: -0.2
},{
  name: 'Profit',
  color: 'rgba(248,161,63,1)',
  data: [183.6],
  pointPadding: .3,
  pointPlacement: 0.2,
  yAxis: 1
}

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-pointplacement-numeric/

这个jsfiddle显示了通常的位置选项。如果你调整这个小提琴并删除3个数据集中的2个,那么点位选项就会被打破,即使在这种情况下,它仍然可以用来拥有和工作,甚至在我的情况下也是如此......

修改

我把它添加到一个小提琴中是因为到目前为止唯一一个回答并没有从代码示例中得到这一点。所以这是:http://jsfiddle.net/dargno/3YMyq/

如果有人知道可能的解决方案而不必“破解”源代码,我真的很感激。

2 个答案:

答案 0 :(得分:2)

我能够在我的特定实例中通过向图表区域添加负边距并添加额外(空)数据点来摆脱此问题。

chart: {
  type: 'column',
  marginRight: -400

series: [{
  name: 'Employees',
  color: 'rgba(165,170,217,1)',
  data: [150,0],

请记住,如果您不小心这样,工具提示可能会“丢失”。

可以在http://jsfiddle.net/dargno/wtaaH/

找到一个示例

虽然这不是一个合适的解决方案,但它肯定会暂时绕过这个错误。

答案 1 :(得分:1)

看起来可能是bug,所以我在这里向我们的开发人员报告了https://github.com/highslide-software/highcharts.com/issues/2308