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;

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

1 个答案: