Javascript 在图表上打印文本
我已经使用High charts api编写了一个javascript页面来绘制图表 一切正常。但是当我试图在图表上打印文本时,我遇到了一些问题 在下面的URL中,您可以查看代码和运行图表 我使用下面的代码片段获取图表上的文本Javascript 在图表上打印文本,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我已经使用High charts api编写了一个javascript页面来绘制图表 一切正常。但是当我试图在图表上打印文本时,我遇到了一些问题 在下面的URL中,您可以查看代码和运行图表 我使用下面的代码片段获取图表上的文本 var text = chart.renderer.text( '500', 57 , 112.1 ).css({
var text = chart.renderer.text(
'500',
57 ,
112.1
).css({
color: '#F00',
fontSize: '11px'
}).add();
这里,我将x和y值取为(57112.1),该值取自检查元件
“180”是我们想要打印文本的地方
我的要求是:我们要打印180以上的文本“500”
这就是我选择上述坐标的原因
但是文本“500”在“180”之后打印,即使x和y位置相同
提前感谢
您需要更改tspan
中的x
属性,您的代码正在更改text x-cord
标记,但该标记没有任何作用
$.each($('svg text tspan') , function(index, value){
var myval = 500 ; // change this variable as required
if($(this).text() == myval){
$(this).attr('x' , 40) ; // X-cord
$(this).parents('text').attr('y' ,100) ; //y-cord
}
});
尝试使用x-35、y-100。PS:这不是一个标准的解决方案,只是修补工作。!!是的,请使用不同的值,您是否尝试过更改它们?围绕这些值进行游戏,在你想要的地方获得它。我们已经以这种方式进行了尝试并取得了成功。但我们需要动态地做到这一点。