相关疑难解决方法(0)

对于D3过渡,获取“错误,为时已晚”

我正在尝试在饼图的onClick事件中进行三个转换。第一个转换有效,但是第二个和第三个转换失败。我从Mike Bostocks的一个类似问题的评论中了解到,“ 这意味着您正在尝试修改已经开始的过渡,或者从已经结束的过渡中获得过渡。请阅读有关过渡生命周期的API参考部分。

我似乎仍然无法理解发生这种情况的原因。以下是相关代码:

self.primaryLabelText = self.arc.append("text")
    .on("click", function (d: any) {
        console.log("About to send::::" + getStudyLabel(d.index));
        self.selectedIndustryTypeService.sendMessage(getStudyLabel(d.index));
        self.showDialog();

        // The amount we need to rotate:
        var rotate = 180-(d.startAngle + d.endAngle)/2 / Math.PI * 180;

        // Transition the pie chart
        g.transition()
            .attr("transform",  "translate(" + self.width / 2 + "," + self.height / 2 + ") rotate(" + rotate + ")")
            .duration(1000);

        // ?ransition the labels:
        self.primaryLabelText.transition()
            .attr("transform", function(dd: any) {
            return "translate(" + label.centroid(dd) + ") rotate(" + …
Run Code Online (Sandbox Code Playgroud)

javascript d3.js pie-chart

1
推荐指数
1
解决办法
1544
查看次数

标签 统计

d3.js ×1

javascript ×1

pie-chart ×1