highcharts - 如何避免在 highcharts 中裁​​剪数据标签

Question

我有一个条形图，其中数据标签将由格式化程序函数生成。不幸的是，一些标签运行时间很长，将被图表容器裁剪。有什么方法可以调整图表，使标签适合图表。

Answer 1

我通过在图表选项的右侧添加填充来修复它：

{
  chart: {
    marginRight: 100
  },
  yAxis: {
    title: {
      text: 'some title'
    }
  }
}

Answer 2

您还可以使用裁剪参数http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.crop

Answer 3

解决此问题的一种方法是添加边距。在图表选项中使用 'marginRight: some number '

破碎的例子 - >小提琴：http: //jsfiddle.net/kZMYd/5/（六月被切断）

chart: {
    renderTo: 'container',
    type: 'bar',
},

固定示例-> 小提琴：http: //jsfiddle.net/kZMYd/6/

chart: {
    renderTo: 'container',
    type: 'bar',
    marginRight: 40
},

将crop设置为false，将其设置为true将最终删除数据标签