正在打印图表上的文本

Printing text on the chart

本文关键字：文本 打印      更新时间：2023-09-26

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

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

在下面的URL中，您可以检查代码和运行图表。

http://jsfiddle.net/uVTNU/14/

我正在使用下面的代码片段来获取图表上的文本。

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
    }
   });
相关文章：