Dojo制图标记问题

时间:2011-05-30 03:44:38

标签: javascript dojo dojox.charting

是否可以使用动画移动dojo图表中显示的markers指针?

请帮忙。

1 个答案:

答案 0 :(得分:1)

其中一个解决方案可能就是这样。

下面的

//用于标记的简单动画

chart1.connectToPlot("default", function (e){
var ele = e.shape ? e.shape.rawNode ? e.shape.rawNode : false  : false;
    if(!ele) return;
if(e.type == "onmouseover")
ele.setAttribute("stroke-width", 3)
else if (e.type == "onmouseout")
ele.setAttribute("stroke-width", 1.5)
}

您可以将此函数用于原始svg节点的一些复杂动画。不要在上面的代码中调用setAttrbuite,而是调用以下函数将原始svg节点传递给它。

function cmplxAnimForRawNode(RawSVGNode){
        var svgNS = "http://www.w3.org/2000/svg";       
        var node = document.createElementNS(svgNS, "animateTransform");
        var atts = {attributeType:"XML", attributeName:"transform", type:"scale" ,from:"1" ,to:"0" ,dur:"5s", fill:"freeze"}
        for(name in atts) {
            node.setAttributeNS(null, name, atts[name]);
        }
        RawSVGNode.appendChild(node);

        }