logo标签列表

在Highcharts v4.1.5中如何截断Y轴标题

javascripthighcharts
4

我目前遇到的问题是，高度较小但y轴标题很长的图表会在边缘（顶部和底部）开始剪切。

JSFiddle演示

我尝试使用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%'（参见演示），但是它没有完全展示。我猜测这可能与它被旋转有关系。
有没有办法让标题根据图表的高度动态调整并正确截断，而不是只是滑动到看不见了？
我在文档中没有找到任何有用的信息。此外，我的 Google-jitsu 没有能够找到任何有用或相关的主题。
1个回答
3

你应该尝试使用绝对宽度而不是百分比：

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

甚至只需以下内容：
width: 180,

JSFiddle

+1 我其实非常喜欢第一个想法。不确定第二个想法如何与动态相关，但只要图表在调整大小时重新呈现，第一个想法就可以实现。 - Hanna
这取决于您的应用程序如何实现。在我的情况下，我使用PHP设置宽度和div高度的两个值，因此我可以轻松选择适当的值，而不必使用我的第一个想法。 - carla
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接