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

时间:2015-07-29 21:45:23

标签: jquery rickshaw

我有一个使用人力车的图表,其中包含一个hoverDetail,我想根据当前正在悬停的值,使用JQuery动态更改页面的另一个区域。这可能使用人力车和JQuery吗?或者还需要另一种方法吗?

1 个答案:

答案 0 :(得分: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;