Question

我想将缩放效果添加到dc.geoChoroplethChart()。我可以使用wheelmouse获得放大和缩小行为。我在this示例的帮助下取得了成就。但是，如何使用放大和缩小按钮实现此目的？我尝试了多种方法来查看d3示例，但最终导致代码不成功并搞乱了。

谢谢。

Answer 1

这是我使用箭头键（即翻译）移动所选节点的功能

function keydown()//-ability to move selected nodes with arrows
{
    if (!d3.event.metaKey) switch (d3.event.keyCode) {
    case 38: nudge( 0, -1); break; // UP
    case 40: nudge( 0, +1); break; // DOWN
    case 37: nudge(-1,  0); break; // LEFT
    case 39: nudge(+1,  0); break; // RIGHT
}

微调功能：

function nudge(dx, dy) //-use arrow keys to nudge selection
{   
    force.stop(); //-stops the force layout
    tick(); //-calls tick

    nodes.filter(function(d) { return d.selected; })            
        .attr("cx", function(d) { return d.x += dx; })
        .attr("cy", function(d) { return d.y += dy; });
}

你可以使用它而不是翻译，使用比例

如何在dc.geoChoroplethChart中添加放大和缩小按钮

1 个答案: