总价值数字通常与Highcharts Barchart中的条形图重叠

时间:2017-01-03 10:35:09

标签: javascript jquery highcharts highcharts-ng lazy-high-charts

我有一个条形图,通常总重叠值如下所示。 我试图减少图形,宽度和高度的面积,这个问题得到解决,但是对于其他一些值再次出现,有没有永久的解决方案来避免重叠? enter image description here

请在下面找到代码

val greeting: String
    get() = "hello"

1 个答案:

答案 0 :(得分:1)

假设您指的是dataLabel位置,您所看到的是当列外没有足够的空间时,标签会在列内移动。

这受轴极值,轴maxPadding和各种数据标签属性的影响。

要确保它们始终显示在列之外,您可以将cropoverflowinside设置添加到数据标签选项中:

   plotOptions: {
     column: {
       dataLabels: {
         enabled: true,
         inside: false,
         crop: false,
         overflow: 'none'
       }
     }
   }

请注意,这可能会导致标签被图表顶部或图表顶部的其他元素切断或重叠。

您需要确保在标题和图表之间留出足够的空间,以防标签被推到绘图区域上方。

小提琴:

参考: