Closed cjiang-ibm closed 6 years ago
I have pushed a fix for this; however note that if you allow panning and zooming (which is on by default for many charts), then the pan/zoom activity for the top chart will consume the event and you will not get tooltips for the charts underneath.
Thus the safest thing to do is to add interaction(none)
to all the chart definitions so they do not pan/zoom and all mouse events are good for tooltips
I just pulled the latest codes from master and built all the jars. I still couldn't see the tooltip after I added interaction(none) to all the syntax.
I updated the online javascript and CSS resources; it should work now. For an example, if you go the demo environment (http://brunelvis.mybluemix.net/try.html) and use the following syntax, you should see two overlaid charts, with tooltips on both elements
x(weight) y(mpg) color(origin) tooltip(#all) interaction(none) at(0,0,100,100)| bar x(weight) y(#count) bin(weight) tooltip(#all) interaction(none) at(0,0,100,100)
indeed it is working after removing the overlay .css overridden.
fixed.
at(0, 0, 100,100) data('CatCellDistribution.csv') bar x(x) y(y) axes(x:1, y:5) stack color(ClusterID:[#CBF7FF, #00B6CB]) tooltip(#all) style('width:20px;') legends(none) | at(0, 0, 100,100) data('scaleCellDistribution.csv') area smooth(y:40) x(x) y(y) color(ClusterID:[#CBF7FF, #00B6CB]) tooltip(#all) | at(0, 0, 100,100) data('ed_catCell.csv') bar x(x) y(y) axes(x:5, y:5) color(ClusterID:[#CBF7FF, #00B6CB]) tooltip(#all) legends(none) style('width:20px;')
You can see the tooltip for the third chart as expected.
From the browser debugger, add style="visibility:hidden" for "chart3". You will see the chart like this:
when mouse over the chart, no tooltip is displayed. data.zip