javascript - Highchart 图例已剪切文本

Question

我有一个使用 Highcharts 的热图，我在其中遇到了一些文本剪辑问题。

当我在 colorAxis 上添加标签时，文本被剪裁:

colorAxis: {
    min: 0,
    minColor: '#FFFFFF',
    maxColor: Highcharts.getOptions().colors[0],
    labels: {
        format: '{value} test test test'
    },
}

我只添加了 colorAxis.labels.format 属性。

在这里看我的例子: http://jsfiddle.net/dennismadsen/7sp8ddpq/1/

它基于/派生于这个官方 Highchart 示例: http://jsfiddle.net/highcharts/4aqhB/

Answer 1

HighCharts 在图例布局中确实有其怪癖。您必须明确设置宽度，即

    legend: {
        ...
        width: 140,
        ...
    },