Question

我使用High chart api编写了一个javascript页面来绘制图表。

一切都很好。但是当我试图在图表上打印文本时，我遇到了一些问题。

在以下网址中，您可以查看代码并运行图表。

我使用下面的代码段来获取图表上的文字。

var text = chart.renderer.text(
                '500',
                57 ,                
                112.1
            ).css({
                color: '#F00',
                fontSize: '11px'                
            }).add();

这里我将x和y值取为（57,112.1），它取自了inspect元素。

“180”是我们要打印文本的地方。

我的要求是：我们要打印180以上的文字“500”。

这就是为什么我选择了上面提到的坐标。

但是文本“500”在“180”之后打印，即使x和y位置相同。

提前致谢

Answer 1

DEMO

您需要更改x中的tspan属性，您的代码正在更改无法执行任何操作的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
    }

   });

在图表上打印文本

1 个答案: