javascript - Highcharts - tooltip zindex relative to series -
i trying render tooltip behind series in solid gauge. have tried changing z-index , opacity in style parameter, not seem change anything.
tooltip.js
import $ 'jquery'; const tooltip = (props) => { let container = `#score-visual-${props.equation.eqid}`; return { usehtml: true, animation: false, borderwidth: 0, borderradius: 40, backgroundcolor:'white', shadow:false, style:{ fontsize: '14px' }, formatter: function () { return `<table> <tr><td style="font-size:1.6em; color:${this.point.color}; font-weight: bold; text-align: center"> ${this.y}${this.point.unit} </td></tr> <tr><td style="text-align: center""> ${this.series.name} </td></tr> </table>` }, positioner: function (labelwidth, labelheight) { return { x: ($(container).width() - labelwidth) / 2, y: ($(container).height() - labelheight) / 2 + 35 }; } } }; export default tooltip;
please see full code here: https://github.com/ncernek/react-highcharts-error
--
edit
Comments
Post a Comment