【发布时间】:2015-06-10 23:31:25
【问题描述】:
使用dimple.js,我用下面的代码渲染了一个散点图。这很好用,但是当我将鼠标悬停在任何点上时,x 和 y 值会显示两次,一次以小数显示,低于以百分比显示。我怎样才能简单地将百分比 x,y 值保留在悬停弹出窗口中?另外,有没有办法在悬停弹出窗口中显示其他项目?
这是引发问题的小提琴:http://jsfiddle.net/dizzy0ny/ch2187dd/52/
var svg = dimple.newSvg("#chartContainer", 600,600);
var myChart = new dimple.chart(svg);
myChart.setBounds(90, 35, 480, 400)
xAxis = myChart.addMeasureAxis("x", "x");
yAxis = myChart.addMeasureAxis("y", "y");
xAxis.showGridlines = true;
xAxis.tickFormat = '.1%'
yAxis.tickFormat = '.1%'
s1 = myChart.addSeries(["x","y","group"], dimple.plot.bubble, [xAxis, yAxis]);
s1.data = data_scatter
s2 = myChart.addSeries(["y","group"], dimple.plot.line, [xAxis, yAxis]);
s2.data = data_ser1
myChart.addLegend(90, 480, 330, 20, "left");
myChart.draw();
【问题讨论】:
标签: javascript d3.js data-visualization dimple.js