事件处理以切换兄弟SVG元素的可见性?

时间:2017-06-10 02:15:43

标签: javascript d3.js

我试图弄清楚如何切换鼠标事件目标的兄弟的可见性。

我有一个"事件框组件"由SVG group组成,其中包含circlerecttext元素。我需要的功能是点击红色圆圈(如下图所示)切换黄色矩形的可见性。我有一个点击事件附加到circle,可以切换其状态"但我不知道如何访问它的兄弟rect

这可能很简单,但我没有找到任何好的例子。我不想播放一般事件(如果我不必要),因为会有多个"事件框组件"。我想我可以通过一些" id"所以它只由适当的rect(?)处理。

是否有标准d3处理此类事情的方法?我来自面向obkect的Actionscript背景,访问父母和兄弟姐妹非常简单。

额外的问题......我是否正在处理视觉状态"状态"在下面的代码中正确吗?我正在为每个"州"添加和删除课程。为红色圆圈。它有效,但看起来有点笨重。有更标准的方法吗?

enter image description here

     function eventClick(d, i) {
        if (d3.event.altKey == false) {
            if (d.state == false) {
                d3.select(this)
                    .classed("event-box", false)
                    .classed("event-box-hilite", true);
                d.state = true;
            } else {
                d3.select(this)
                    .classed("event-box", true)
                    .classed("event-box-hilite", false);
                d.state = false;
            }

        }
    }

1 个答案:

答案 0 :(得分:0)

REPORT.CR_CoustomerAccount CR = new REPORT.CR_CoustomerAccount(); 
CR.SetParameterValue("@From", dtpFromDate.Text);
CR.SetParameterValue("@To", dtpToDate.Text);
CR.SetParameterValue("@Cus_ID", Cus_ID);
CR.PrintOptions.PrinterName = "Canon MG2500 series Printer";
CR.PrintToPrinter(1, true, 1, 1);