角。 Highcharts。柱形图。列对X轴定位

问题描述 投票:0回答:1

我有Angular.JS作了highchart。每一列都有自己的堆栈水平,基本上是管理自己的一组数据

我的系列,看起来像这样的对象数组:

[{
   name: seriesGroup.name,
   data: [number],
   xAxis: xAxisLevel,
   stack: xAxisLevel
}]

enter image description here

我遇到的问题是,highcharts似乎自动添加一些偏移的造型使各个柱而出的位置。理想我想正确中心像一个货币的所有列。见上面,你可以看到是越来越添加到rect标签X位置的图像。

是否有任何参数,我可以设置为highcharts禁用这种效果呢?我一直没能找到那种在API文档的任何东西。

请看看在捣鼓一个简化版本:https://jsfiddle.net/nz0v8w5u/

javascript angularjs highcharts
1个回答
0
投票

你可以把它设置合适的plotOptions.series.groupPadding财产。在你的情况,似乎0.5工作正常。检查代码及以下试玩公布。

为什么你五个加X轴,而不是只用一个吗?随着一个highcharts会自动正确定位柱和代码要容易得多。检查这个例子:https://www.highcharts.com/demo/column-stacked

码:

  plotOptions: {
    column: {
      minPointLength: 1,
      groupPadding: 0.5,
      stacking: "normal",
      dataLabels: {
        enabled: false
      }
    }
  }

但是:四联zxsw POI

API参考:https://jsfiddle.net/BlackLabel/7pL8mj1s/

© www.soinside.com 2019 - 2024. All rights reserved.