Question

我正在努力完成一个悬停效果，其中我显示了我使用的字幕：

chart_completion.setTitle(null, {
                                text: '130 hrs act',
                                style: {
                                    color: '#8b8b8b',
                                    fontSize: '10px',
                                    width:'20px'
                                },
                                y: 50
                            });

然而，字幕的结果宽度太窄，而且在生成的HTML中，我检查过它是分裂/转换文本

130小时行动

进入以下HTML：

<text x="40" text-anchor="middle" class="highcharts-subtitle" zIndex="4" style="color:#8b8b8b;font-size:10px;width:16px;fill:#8b8b8b;" y="60">
    <tspan>130</tspan>
    <tspan dy="13" x="40">hrs</tspan>
    <tspan dy="13" x="40">act</tspan>
    <title>130 hrs act</title>
</text>

JSFiddle：http://jsfiddle.net/amigoo/zwod86e1/8/

任何解决方案我可以给它一个宽度，使宽度适合圆圈内的一行？

Answer 1

你的容器太小了，放大了，我设法用它做成一行使用：

   textOverflow : "none",
   whiteSpace: 'nowrap'

小提琴Here

无法在Highcharts中设置字幕宽度

130小时行动

1 个答案: