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

the problem (note tooltip background overlaps series): enter image description here

the intended solution (note tooltip not overlap series): enter image description here


Comments

Popular posts from this blog

wordpress - (T_ENDFOREACH) php error -

Export Excel workseet into txt file using vba - (text and numbers with formulas) -

Using django-mptt to get only the categories that have items -