Question

我正在研究与this类似的东西。

此可视化显示加载时图例中的所有项目。我想要做的是，当可视化加载时，图例中只检查了几个项目，并且在图表上也可以看到例如：Tyrell Corp，Stark Ind和Rekall。对于其他人，我应该可以选择打开/显示。

这仅在装载时需要。之后，我希望图例在此示例中表现正常。

我认为在这部分代码中需要改变一些事情：

In [6]: ddf[['x']].compute()
Out[6]: 
   x
0  1
1  2
2  3

Answer 1

替换它：

    // Get a unique list of Owner values to use when filtering
    var filterValues = dimple.getUniqueValues(data, "Owner");

用这个：

var filterValues = [];
var shapes = myLegend.shapes[0];

//By default, have only three owners showing up and the rest faded. 
for (var i=0; i < shapes.length; i++)
{
  if (i < 3)
  {
    var filterValue = $("text", shapes[i]).text();
    filterValues.push(filterValue);
  }
  else
  {      
    var rect = $("rect", shapes[i]);
    rect.css("opacity", 0.2);      
  }
}

// Filter the data and redraw the chart to show only for three owners.
myChart.data = dimple.filterData(data, "Owner", filterValues);    
myChart.draw();

dimple js交互式传奇 - 在加载时隐藏一些传说项目

1 个答案: