Масштабирование в протоисе при использовании Layout.Force

Question

Я использую пример, найденный на сайте Protovis, чтобы отобразить узлы графа http://vis.stanford.edu/protovis/ex/force.html

Например, я просто не могу инициализировать график с увеличением в 2 раза, поэтому при запуске он не будет выглядеть таким маленьким.

<script type="text/javascript+protovis">

    var w = document.body.clientWidth,
        h = document.body.clientHeight,
        colors = pv.Colors.category19();

    var vis = new pv.Panel()
        .width(w)
        .height(h)
        .fillStyle("white")
        .event("mousedown", pv.Behavior.pan())
        .event("mousewheel", pv.Behavior.zoom());

    var force = vis.add(pv.Layout.Force)
        .nodes(miserables.nodes)
        .links(miserables.links);

    force.link.add(pv.Line);

    force.node.add(pv.Dot)
        .size(function(d) (d.linkDegree + 4) * Math.pow(this.scale, -1.5))
        .fillStyle(function(d) d.fix ? "brown" : colors(d.group))
        .strokeStyle(function() this.fillStyle().darker())
        .lineWidth(1)
        .title(function(d) d.nodeName)
        .event("mousedown", pv.Behavior.drag())
        .event("drag", force);

    vis.render();

</script>

Answer 1

Вам нужно будет использовать метод transform() pv.Panel, как описано здесь. Поместите следующую строку прямо позади vis.render();, он должен работать. Может быть, вам придется перевести это дополнительно, хотя.

vis.transform(pv.Transform.identity.scale(2));