.onmousedown加载页面时执行

.onmousedown executing on page load

本文关键字:执行 加载 onmousedown      更新时间:2023-09-26

我试图有一个不同的图形显示,当我点击一个不同的多边形。但是该函数在页面加载时执行,尽管我将其定义为.onmousedown。这是函数

function iscrtaj(data, arg) {
    alert(arg);
    var barwidth = 13;
    var w = 700;
    var h = (barwidth + 10) * data.length;
    var xscale = d3.scale.linear()
        .domain([0, d3.max(data, function (d) {
            return d.bodovi;
        })])
        .rangeRound([0, 280]);
    var yscale = d3.scale.linear()
        .domain([-1, data.length])
        .range([0, h]);
    var bargraph = d3.select("body")
        .append("svg")
        .attr("width", w)
        .attr("height", h);
    svg.selectAll("rect")
        .data(data)
        .enter()
        .append("rect")
        .attr("x", 870)
        .attr("y", function (d, i) {
            return yscale(i);
        })
        .attr("height", barwidth)
        .attr("width", width).transition().duration(1000)
        .attr("width", function (d) {
            return xscale(d.bodovi);
        })
        .attr("fill", "blue");
    svg.selectAll("text")
        .data(data)
        .enter()
        .append("text")
        .attr("x", function (d) {
            return xscale(d.bodovi) + 910;
        })
        .attr("y", function (d, i) {
            return yscale(i);
        })
        .attr("dx", barwidth / 2)
        .attr("dy", "0.8em")
        .attr("text-anchor", "end")
        .attr("style", "font-weight: bold; font-size: 11; font-family: Helvetica, sans-serif")
        .text(function (d) {
            return d.bodovi + " %";
        })
        .style("fill", "black");
    svg.selectAll("text.xaxis")
        .data(data)
        .enter()
        .append("text")
        .attr("x", 830)
        .attr("y", function (d, i) {
            return yscale(i) + barwidth - 2;
        })
        .attr("dx", -barwidth / 2)
        .attr("text-anchor", "end")
        .attr("style", "font-size: 12; font-family: Helvetica, sans-serif")
        .text(function (d) {
            return d.stranka;
        })
        .attr("transform", "translate(20, 0)")
        .attr("class", "xaxis")
        .attr("fill", "black");
}

和JSFiddle上的其余代码。(弹出窗口在这里只是为了确保函数接受了正确的参数。)http://jsfiddle.net/Y27NG/

.on("mousedown",iscrtaj(data1, 5))

立即调用函数,如果函数将绑定到事件

,则返回结果/
.on("mousedown",function(){iscrtaj(data1, 5);})

使用这样的匿名函数可能会解决您的问题,data的范围和生命周期可能会对此产生影响。