文章/答案/技术大牛

发布

社区首页 >问答首页 >无法在高图表中设置字幕宽度

问无法在高图表中设置字幕宽度
EN

Stack Overflow用户

提问于 2015-09-22 07:49:08

回答 1查看 250关注 0票数 0

我正在尝试完成一个悬停效果，在其中我显示了我已经实现的字幕，使用：

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/

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

highcharts

jquery

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-09-22 08:01:28

你的容器太小了，把它放大，我用它做了一行：

   textOverflow : "none",
   whiteSpace: 'nowrap'

小提琴这里

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32711263

复制

相似问题

问无法在高图表中设置字幕宽度
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在高图表中设置字幕宽度EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法在高图表中设置字幕宽度
EN