highcharts y轴标题包装

时间:2016-11-16 06:44:23

标签: highcharts freemarker textwrapping yaxis

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

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

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

注意:我搜索了SO并找到了一个问题 - Highcharts Y-axis title text length is more than chart's height,但这并没有回答我的情况,因为我没有静态标题而且没有标签迫使换线。

1 个答案:

答案 0 :(得分:2)

只需在样式中添加固定宽度和步骤:

    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