Javascript 单击flot图中的相应绘图时高亮显示标签
我有一个如图所示的浮点图。我需要在单击相应的绘图时突出显示一个标签Javascript 单击flot图中的相应绘图时高亮显示标签,javascript,jquery,html,flot,Javascript,Jquery,Html,Flot,我有一个如图所示的浮点图。我需要在单击相应的绘图时突出显示一个标签 /*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
/*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')
});
});
/*下面是我的函数,其中我的HTML是在JavaScript*中定义的
函数insertlabel()
{
占位符。查找(“标签”).remove();
var html=[''];
函数addlabels(axis、labelgenerate){
对于(var i=0;i这里有一个示例,它将突出显示所单击点的y值的y轴标签。我没有像您似乎正在做的那样麻烦地用自定义标签替换flot的
轴标签(我不确定您要做什么)
$(“#占位符”).bind(“plotclick”,函数(事件、位置、项目){
如果(项目){
var yVal=项目数据点[1];
var yAxis=plot.getAxes().yAxis;
对于(变量i=0;i
Fiddle.这是同一个问题吗(我想这是第三次)还是同一个问题?你能编辑你以前的问题而不是问新的问题吗?是的,先生,但现在我提供了一个关于我想要什么的图像。因为我无法找到解决我问题的方法:(@user2029107,在这里重复问同一个问题被认为是不礼貌的。如果你有信息要添加,你应该编辑旧问题。另外,请花时间阅读以下内容:。你的主要问题是你在没有任何上下文的情况下剪切和粘贴了一些代码片段。你为什么要用自己的标签替换flot的标签?您是否调查了绘图点击处理程序?等。。。
$("#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});
}
});