Styling a tooltip (popper.js / bootstrap v4 beta)

The structure of the tooltip is described in the docs. To change the style you need to override tooltip-inner and arrow: Update for Bootstrap 4.0.0 Demo .tooltip-inner { background-color: #00cc00; } .tooltip.bs-tooltip-right .arrow:before { border-right-color: #00cc00 !important; } .tooltip.bs-tooltip-left .arrow:before { border-left-color: #00cc00 !important; } .tooltip.bs-tooltip-bottom .arrow:before { border-bottom-color: #00cc00 !important; } .tooltip.bs-tooltip-top .arrow:before { … Read more

JFreeChart create tooltip in ChartPanel

Most ChartFactory methods include a boolean tooltips parameter. Just look in the source for your factory of choice to see how to instantiate a default tooltip generator suitable for the designated renderer. You shouldn’t need to handle the events yourself. Addendum: As you are using createXYLineChart, an instance of StandardXYToolTipGenerator is supplied by default. The … Read more

Show data on mouseover of circle

I assume that what you want is a tooltip. The easiest way to do this is to append an svg:title element to each circle, as the browser will take care of showing the tooltip and you don’t need the mousehandler. The code would be something like vis.selectAll(“circle”) .data(datafiltered).enter().append(“svg:circle”) … .append(“svg:title”) .text(function(d) { return d.x; }); … Read more