如何访问人力车图悬停模式中显示的值？

Question

我有一个包含 hoverDetail 的人力车图表，我想根据当前悬停的值使用 JQuery 动态更改页面的另一个区域。这可以使用人力车和 JQuery 吗？还是需要另一种方法？

Answer 1

这个例子清楚地展示了如何编辑 hoverDetail 对象的 render() 函数 http://code.shutterstock.com/rickshaw/examples/hover.html

它不是将数据显示为标签，而是在页面上的固定位置显示数据。

var Hover = Rickshaw.Class.create(Rickshaw.Graph.HoverDetail, {

render: function(args) {

    legend.innerHTML = args.formattedXValue;

    args.detail.sort(function(a, b) { return a.order - b.order }).forEach( function(d) {

        var line = document.createElement('div');
        line.className = 'line';

        var swatch = document.createElement('div');
        swatch.className = 'swatch';
        swatch.style.backgroundColor = d.series.color;


        var label = document.createElement('div');
        label.className = 'label';
        label.innerHTML = d.name + ": " + d.formattedYValue;

如何访问人力车图悬停模式中显示的值？

How can I access the value shown in the hover modal of a rickshaw graph?

jquery

rickshaw