高图表 - 调整列大小以修复数据标签

Highcharts - Resizing Columns to Fix Data Label

本文关键字：数据 标签 调整 高图表      更新时间：2023-09-26

我正在尝试调整Highcharts图表的列的大小，以便始终为数据标签留出空间。

现在，我只能执行以下操作之一：

  1. 将数据标签显示在列本身内：jsfiddle.net/gjslick/LrAuf/
    2. 当
  2. 数据标签不适合时，请裁剪它们：jsfiddle.net/gjslick/L7LKA/1/
  3. 显示数据标签，但与图表中的其他线条重叠：jsfiddle.net/gjslick/WbQb4/1/

有没有办法调整列的大小，以确保标签适合列的上方/下方？谢谢！

我更喜欢#1。但是，您也可以尝试使用 xAxis.offset 在 xAxis 标签和实际图表区域之间添加一些填充（请参阅此项）。但是，正如您所看到的，我将负值增加到比原始值大得多的值。这显示了 yAxis 是如何自动调用的，它实际上增加了填充太多。要解决此问题，您可能需要预取最大/最小 y 值并手动设置 yAxis 最小值/最大值。

    xAxis: [{
        offset: 14,
        title: {
            text: ''
        },
        type: 'category'
    }],
    yAxis: [{
        min: -10,
        max: 10,
        title: {
            text: ''
        },
        labels: {
            enabled: false
        },
        gridLineWidth: 0
    }],
相关文章：