如何防止highcharts使用省略号缩短标签

Highcharts正在截断项目符号图表上的x轴标签。我想防止这种情况发生，并始终显示全文而不缩短

我试过了

.highcharts-container { overflow: visible !important; }
.highcharts-axis-labels text
    { 
    overflow: visible !important;  
}

但SVG似乎在执行截断和省略号，而不是CSS，通过查看呈现的标记可以看出这一点

<text x="229.0625" style="color: rgb(96, 96, 96); cursor: default;     font-size: 9px; padding: 0px; fill: rgb(96, 96, 96);" text-anchor="middle"   transform="translate(0,0)" y="32" opacity="1">
<tspan>47…</tspan>
<title>47.5k</title>
</text>

---

但它不起作用。如何防止highcharts截断标签文本？

为该标签设置适当的样式，请参阅

例如：

xAxis: {
    labels: {
        style: {
            textOverflow: 'none'
        }
    } 
}

---

尝试自己重写默认行为

  xAxis: {
    labels: {
      useHTML: true,
      formatter() {
        let label = this.value;
        let title = this.value;
        let style = `text-overflow: ellipsis; overflow: hidden;`; // <- YOUR OWN STYLE
        return `<div style="${style}" title="${title}">${label}</div>`;
      }
    },
  },

xAxis:{
标签：{
是的，
格式化程序（）{
让label=this.value；
设title=this.value；
让style=`text-overflow:省略号；overflow:hidden；`；//您只需添加textfolflow属性，就像下面给定的代码一样，以使第一个和最后一个勾号值完全可见

xAxis: {
        labels: {
                 style: {
                         fontSize: '9px',
                         color: '#a1a5aa',
                         textOverflow: 'none'
                        }
                }
       }

对于条形图，我使用以下xAxis定义来获取长类别名称，使其显示在绘图区域内（条形图上方），而不使用省略号进行换行或截断：

'xAxis' => [
    'categories' => ['long category one', 'long category two', 'etc'],
    'labels' => [
      'align' => 'left',
      'x' => 3,
      'y' => -5,
      'style' => [
        'fontSize' => '12px',
        'textOverflow' => 'none',
        'whiteSpace' => 'nowrap',
      ],
    ],
  ],

在中找到空白设置

JSFIDLE怎么样？这太好了。我们有一些情况需要强制全文，比如导出image/pdf。这对我来说不起作用，原因似乎是Highcharts使用元素进行渲染，因此，当轴标签被省略号截断时，省略号实际上在文本中，我根据一些计算假设HC在渲染过程中生成。此外，在CSS中，将
文本溢出设置为“无”不会停止截断文本，只会删除省略号。需要将
溢出设置为“可见”。以下是对该问题的一些见解，尽管没有简单的解决方案：
'xAxis' => [
    'categories' => ['long category one', 'long category two', 'etc'],
    'labels' => [
      'align' => 'left',
      'x' => 3,
      'y' => -5,
      'style' => [
        'fontSize' => '12px',
        'textOverflow' => 'none',
        'whiteSpace' => 'nowrap',
      ],
    ],
  ],