Question

我希望在图例下面放置一个文本元素（或两个），与它的右侧对齐，但我无法获得一致的坐标。

警告：我是SVG的亲戚。

我有一系列我想要显示图表的数据集。当我从一个移动到另一个时，我正在添加新系列并删除旧系列。每次更新后，我都会尝试在图例下方放置一个字符串，其中包括数据集的平均值。我遇到的问题是每隔一次时间我查询x＆amp; y属性，字符串最终在图表之外。另一半时间，我得到了一个完美的结果。

我用来放置这个字符串的代码是：

var tbl=table[3];
$('.usData').remove();

//get legend x & y
startX =  chart.legend.group.translateX;
endX = startX + chart.legend.legendWidth;
startY = chart.legend.group.translateY;
endY = startY + chart.legend.legendHeight;
$(tbl.usAvg).each(function(i){
chart.renderer.text("National Avg: " + formatData(this,tbl.format), endX, endY+(i*15)+15).attr({'text-anchor':'end',zIndex:12, class:'usData'}).add();

我认为发生的事情是，传说开始于情节之外，并被转化为它的位置。因此，在完成渲染之前，我无法可靠地“抓取”准确的坐标。

所以，我的问题：有没有办法确定（事件）传奇完成移动的时间，还是只需要包含超时并等待？

Answer 1

我建议更简单的解决方案，为图例设置useHTML。 http://jsfiddle.net/aWFYr/1/

$('#btn').click(function(){

        $('.highcharts-legend').append('<div style="position:absolute;top:'+(chart.legend.legendHeight)+'px">aaa</div>');

    });

确定Legend何时准备就绪

1 个答案: