基于相应名称隐藏单个饼图饼图饼图

我用饼图图块库绘制了饼图图表。我有自己的自定义图例框。所以我想知道是否可以隐藏基于用户输入的特定切片。就像这里，我为jsfiddle添加了一个类似的例子。基于相应名称隐藏单个饼图饼图饼图

在图表的底部，我制作了一个图例框，并使用jquery添加了悬停功能。所以当我将鼠标悬停在这些传说上时，我想要的是......相应的切片应该隐藏起来。

var data = [ 
    { 
label: "Serie1", 
data: 10, 
url: "http://stackoverflow.com"}, 
{ 
label: "Serie2", 
data: 30, 
url: "http://serverfault.com"}, 
{ 
label: "Serie3", 
data: 90, 
url: "http://superuser.com"}, 
{ 
label: "Serie4", 
data: 70, 
url: "http://www.google.com"}, 
{ 
label: "Serie5", 
data: 80, 
url: "http://www.oprah.com"}, 
{ 
label: "Serie6", 
data: 110, 
url: "http://www.realultimatepower.net/"} 
    ]; 

var options = { 
    series: { pie: { show: true, label: false, } }, 
    grid: { clickable: true}, 
    legend: { 
      show: false 
     } 

}; 

    var testHTML = ''; 
    for(var k=0; k<data.length; k++){ 
    testHTML += "<span class = 'hoverableSpace' id='"+ data[k].label+"'>"+ data[k].label +"</span>"; 
    } 

$(".mapper").html(testHTML); 

var plot = $.plot($("#graphLoaderDiv"), data, options); 


$(".hoverableSpace").on("mouseover", function(){ 
    alert($(this).attr('id')); 
});

来源

2013-08-20 user1371896

监听上图例元素的点击次数。当你得到一个，匹配到相应的系列（有很多方法来做到这一点），并设置系列颜色为'透明'或'rgba（0，0，0，0）'，然后重绘。

来源

2013-08-21 04:48:13 DNS

基于相应名称隐藏单个饼图饼图饼图

回答

相关问题