javascript - 如何在d3.js/dimple.js中使轴刻度线可点击

我是d3js的新手。我想知道如何使轴刻度标签变为可单击，以便单击标签可以加载新图表（是的，我需要获取轴值，即本例中的月份名称）

下面是代码。 X轴是月，单击一次月后，我需要加载该月的图表，这是另一个HTML页面。

d3.csv("data/data_1.CSV", function (data) {

    var myChart = new dimple.chart(svg, data);

                    myChart.setBounds(90, 70, 490, 320);



                    var x = myChart.addTimeAxis("x", "Month", "%d-%b-%Y %H:%M:%S", “%b-%Y");

                    var y = myChart.addMeasureAxis("y","Value");

                    x.overrideMin = new Date("2013-11-30");



                    var s =  myChart.addSeries("Value type", dimple.plot.line);

                    s.lineMarkers = true;



                    myChart.addLegend(180, 30, 360, 20, "left");

                    myChart.draw();

        });

最佳答案

我对dimple.js一无所知，但是在d3中，您可以选择所有的刻度线，并在它们上附加一个单击处理程序。

  svg.selectAll('.tick')
    .on('click', function(d) { console.log(d); });

这会将刻度线代表的Date对象写入控制台。