2013-05-14 45 views
0

我正在制作一个highcharts线条图,其中点的工具提示将从用户通过放置在jQuery UI对话框中的文本区域动态获取。我制作了2个文本区域列我希望tooltip能够从第二列中的文本区域中获取,这些文本区域被放置在一个表单中。我试图通过用输入选择器指定第二列文本区域的表单id,但它没有工作。我试过这个highcharts的工具提示部分。来自某些文本区域的输入信息hightirts工具提示

刀尖代码..

  tooltip: { 
      formatter: function() { 
      var serieI = this.series.index; 
      var index = dataValues.indexOf(this.y); 
     var index1= dataValues2.indexOf(this.y); 
      debugger; 
      var comment = ""; 
      if (serieI == 0) { 
       comment = $("#ppForm.textarea:eq(" + (index) + ")").val(); 
      } else { 
       //comment = "second serie matched!"; 
       comment = $("#ppForm.textarea:eq(" + (index1) + ")").val(); 
      } 
      /*return ''+ this.x + 
       '</b> is <b>' + this.y + '</b> -->' + comment;*/ 
      return '-->'+comment; 
     } 
    } 

JS的fidddle这里给出的是... http://jsfiddle.net/RbenU/24/

回答

1

你只是错过了一个空间,如下

if (serieI == 0) { 
        comment = $("#ppForm textarea:eq(" + (index) + ")").val(); 
       } else { 
        //comment = "second serie matched!"; 
        comment = $("#ppForm textarea:eq(" + (index1) + ")").val(); 
       } 

检查工作样本 http://jsfiddle.net/RbenU/25/

+0

谢谢......你能告诉我如何包装从这些文本区域采取的工具提示?有没有任何文字包装属性? – Lucy 2013-05-14 05:02:07

+0

在你的工具提示设置'useHTML:true'并设置css,如示例http://jsfiddle.net/RbenU/26/ – vijay 2013-05-14 05:16:27

+0

在你的代码中设置的CSS属性,还是我必须将它添加到CSS部分? – Lucy 2013-05-14 06:02:29