highcharts y轴标题换行

我有一个基于参数的高度不同的图表，因为当高度变得小于标题长度时，y轴标题在顶部被切断。highcharts y轴标题换行

http://api.highcharts.com/highcharts/yAxis.title的highchart api指定了一个style属性，其中可以给出标题的CSS样式，但javascript wordWrap：'break-word'在这里不起作用。

我的问题是 - 在这种情况下是否有任何属性可以包装y轴的标题？

注意：我搜索了并发现了一个问题 - Highcharts Y-axis title text length is more than chart's height，但这并不能解决我的问题，因为我没有静态标题，也不能有
标签来强制换行。

来源

2016-11-16 shweta

你可以张贴的图片 – Sajeetharan

请张贴代码片段，你试过，文字环绕在highcharts工作 –

这里是小提琴演示问题：http://jsfiddle.net/mxyvnb8v/4/ – shweta

只需添加固定的宽度和步骤的样式：

title: { 
       enabled: true, 
       text: 'very long title text here that will get cut off at the top when height becomes less than the length of the title', 
       style: { 
        font: 'bold 10pt "Arial Narrow"',      
        color: 'rgb(0,0,0)', 
        wordWrap:'break-word', 
     // Add these   
        width : "200px" 
       } 
      }

您Fiddle updated here

来源

2016-11-16 07:49:47

Nishith，使用固定宽度强制标题包装，是的，谢谢！现在标题仍然会包裹更大的图表高度值，这也不应该。所以我将不得不根据图表高度动态地计算这个宽度。此外，指定一个偏移值，也是动态计算的，以便包装后的标题不会与标签重叠。 “step：1”是做什么的？ – shweta

是的，这是标签的实际，不应该在标题的风格。 PLZ删除，当你有很多的标签，你想跳过一个步骤间隔后，步骤用于yZxis标签。 –

最后，我加入计算出的宽度基于图表的高度：事件：{ \t负载：函数（）{ \t \t this.yAxis [0] .setTitle（{ \t \t \t式：{ \t \t \t width：this.chartHeight - 100 \t \t \t} \t \t}）; \t} } 在图表的加载事件 – shweta

highcharts y轴标题换行

回答

相关问题