参考这个线程How to wrap legend items in highcharts我成功地调整了我的图例宽度
legend: {
itemStyle: {
width: 90 // or whatever
},
但我需要检查一些条件,如果该条件为真,我应该用粗体突出显示标签,所以我使用的是 labelFormatter,但我发现在添加 itemStyle 选项后,我的 html 标签只能在回车之前工作...你可以在这里看到这个:http: //jsfiddle.net/yDWh9/5/
我怎么解决这个问题?
谢谢你
______编辑_______
这是highcharts生成的代码:
<g class="highcharts-legend-item" zindex="1" transform="translate(8,18)">
<text x="21" y="15" style="font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;color:#3E576F;width:290;fill:#3E576F;" text-anchor="start" zindex="2">
<tspan style="font-weight:bold" x="21">Lorem ipsum</tspan>
<tspan dy="16" x="21">dolor sit amet</tspan>
</text>
<rect rx="2" ry="2" fill="#AA4643" x="0" y="4" width="16" height="12" stroke-width="0.000001" zindex="3" stroke="#AA4643"></rect>
</g>
如您所见,它在两个 tspan 中破坏了字符串,并且只有第一个具有 font-weight:bold