真的很难深入到Highcharts(当然是在时间紧张的情况下)并且我已经击中了几个令人非常沮丧的地方。例如,工具提示似乎总是使用带有一堆内联样式的嵌套<span>
生成。这个跨度阻碍了我用CSS正确格式化工具提示。
这里是正在吐出的代码:
<div class="highcharts-tooltip" style="position: absolute; left: 499px; top: 34px; opacity: 1; visibility: visible;"><span style="position: absolute; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; font-size: 12px; white-space: nowrap; color: rgb(51, 51, 51); margin-left: 0px; margin-top: 0px; left: 8px; top: 8px;" zindex="1">Content (this is all I want inside the DIV... not the span surrounding it)</span></div>
以下是生成工具提示所属图表的脚本的工具提示设置:
tooltip: {
crosshairs: true,
headerFormat: '',
useHTML: true,
formatter: function () {
return this.y;
},
positioner: function(boxWidth, boxHeight, point) {
return {
x: point.plotX + boxWidth,
y: boxHeight
};
}
}
消除该范围的最佳方式是什么(同时保留其所包含的内容)?