在浮點圖中點擊相應的地塊時突出顯示標籤

我有一個浮動圖，如圖所示。點擊相應的圖表時，我需要突出顯示標籤。

/*The below is my function where my HTML is defined in JavaScript*/ 

function insertlabel() 
{ 
    placeholder.find("ticklabels").remove(); 
    var html=['<div class="ticklabels" style="font-size:smaller; color:'+options.grid.color+'">']; 

    function addlabels(axis,labelgenerate){ 
     for(var i=0;i<axis.ticks.length;++i){ 
      var tick=axis.ticks[i]; 
      if(!tick.label||tick.v<axis.min||tick,v>axis.max) 
       continue; 
      html.push(labelgenerate(tick,axis)); 
     } 
    } 
} 

//This is the addlabel function 

addlabels(axes.yaxis,function(tick,axis){ 
    return '<div id="text" style=position: absolute ; some calculation +ticklabel /div>' 
} 


/*The jquery code is as follows.*/ 

$(this).click(function() { 
    $('#text').each(function() { 
     $(this).css('color','#C4BD97') 
    }); 
});

這是jQuery代碼我試過，但其只強調點擊哪個情節的最後一個標籤。我想在點擊其系列圖時僅突出顯示相應的標籤。

來源

2013-12-23 user123

這是同樣的問題，但又一次（我認爲它是第三次）作爲這一個？ http://stackoverflow.com/questions/20697347/ 你可以編輯你以前的問題，而不是問新的問題嗎？ – mechenbier

是的，先生同樣的闕，但現在我提供了一個圖像，以我想要什麼。正如我找到一個解決我的問題:( – user123

@ user2029107，在這裏被認爲是不好的禮儀反覆提問相同的問題。如果你有信息要添加，你應該編輯舊的問題。另外，請花時間閱讀：http：//tinyurl.com/so-hints你的主要問題是你已經剪切和粘貼了一些沒有任何上下文的代碼片斷爲什麼你用自己的代替flot的標籤？你調查了'plotclick '處理程序？等等... – Mark

下面是一個將突出顯示點擊y值的y軸標籤的示例。我沒有用自定義標籤代替flot's軸標籤，因爲你似乎在做（我不知道你要去哪裏）。

$("#placeholder").bind("plotclick", function (event, pos, item) { 
    if (item){ 
     var yVal = item.datapoint[1]; 
     var yAxis = plot.getAxes().yaxis;    
     for (var i = 0; i < yAxis.ticks.length; i++){ 
      if (yAxis.ticks[i].v == yVal){ 
       yCor = yAxis.p2c(yVal);      
       $('#arrow').css({'display':'block','top':yCor}); 
      } 
     }    
    }else{ 
     $('#arrow').css({'display':'none','top':yCor}); 
    } 
});

小提琴here。

來源

2013-12-23 17:40:13 Mark

在浮點圖中點擊相應的地塊時突出顯示標籤

回答

相關問題