当图表有两行时,Jqplot工具提示值不正确

时间:2014-09-13 00:01:51

标签: javascript jquery jqplot

我有一个有两行的jqplot图表。我使用tooltipContentEditor修改工具提示中显示的文本。在添加第二行之前,工具提示显示的值很好。现在我已经添加了另一行,工具提示总是显示第二行的数据(因此第一行的数据不正确)。如何显示正确的值?

蓝线工具提示显示黄线值: JQPLOT

图表初始化(里面的tooltipContentEditor函数):

$.jqplot('mychart', [coords, paidCoords], {
        //title:'Sales for ' + name,
        animate: !$.jqplot.use_excanvas,
        axesDefaults: {
            tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
        },

        axes:{
            xaxis:{
                renderer:$.jqplot.DateAxisRenderer,
                tickInterval: tickInterval,
                tickOptions: { formatString: formatString, angle: -30 }
            },
            yaxis:{
                min:0
            }
        },

        highlighter: {
            show: true,
            sizeAdjust: 7.5,
            tooltipContentEditor: function(str, pointIndex, index, plot){
                        console.log('logging in tooltipeditor');
                        console.log(str);
                        console.log(pointIndex);
                        console.log(index);
                        console.log(plot);
                        var splitted = plot._plotData[1][index];
                        var x = splitted[0];
                        var y = splitted[1];

                        x = new Date(x);
                        x = x.toString(); 
                        return x + "<br/>$" + y;
            }
        },
        cursor:{ 
            show: true,
            zoom:true, 
            showTooltip:false
          } 
    });

1 个答案:

答案 0 :(得分:0)

没关系!我想到了!在tooltipContentEditor函数中,我需要这样做:

var splitted = str.split(",");

而不是:

var splitted = plot._plotData[1][index];