高图设置yAxis标签宽度

Question

是否可以设置标签宽度或其他选项，因此更改标签值时图形将不会移动/调整。

yAxis: {
        title: { text: '' },
        useHTML: true,
        labels: {
            formatter: function() {
                return '<div class="yAxisCustomLabel">' + moneySign + this.axis.defaultLabelFormatter.call({
                    axis: this.axis,
                    value: this.value
                }) + '</div>';
            }
        }
    }

我试图制作一个自定义类并添加样式，但是没有成功，也许是因为它是svg的一部分。

Answer 1

您可以设置marginLeft ，这可以给yAxis足够的空间。

这是maginLeft的示例：200;

 Highcharts.chart('container', { chart: { type: 'line', borderWidth: 1, plotBorderWidth: 1, marginLeft: 200 }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: { labels: { format: 'this is a very long label' } }, tooltip: { formatter: function () { return '<b>' + this.series.name + '</b><br/>' + this.x + ': ' + this.y; } }, plotOptions: { }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); 

 <script src="https://code.highcharts.com/highcharts.js"></script> <div id="container" style="height: 400px"></div>