截断Highcharts v4.1.5中的Y轴标题

时间:2015-07-16 21:04:06

标签: javascript highcharts

我目前遇到的问题是,高度较小但具有较长y轴标题的图表只会在边缘(顶部和底部)开始剪裁。

JSFiddle Demo

我尝试使用style选项尝试强制执行省略号溢出。

yAxis : {
            title: {
                text:"Really really long title text that will go off the chart haha haha and so on and so on",
                style: {
                    textOverflow:'ellipsis',
                    overflow:'hidden'
                }
            }
        },

然而,如果没有某种最大宽度,这些类型的东西都不起作用,所以我尝试添加width: '100%'(参见演示),但它停止了。我猜这与它旋转的事实有关。

有没有办法让标题动态调整到图表的高度并正确截断自身,而不是仅仅滑落到遗忘状态?

我没有找到任何有用的in the documentation。此外,我的Google-jitsu无法找到任何有用或相关的主题。

1 个答案:

答案 0 :(得分:3)

您应该尝试使用绝对宽度,而不是百分比:

width: $('#container')[0].clientHeight*0.85,

甚至只是:

width: 180,

JSFiddle