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