jquery - How to solve the pie-donut chart tooltip transparent without using any css? -


how solve below image tooltip transparent issue fix. without using z-index , seperate css.

how solve above image tooltip transparent issue fix? without using z-index , seperate css? using 4.0.1 version. in advance.

you need use css styles:

.highcharts-container {     overflow: visible !important; } .mycharttooltip {     position: relative;     z-index: 50;     border: 2px solid rgb(0, 108, 169);     border-radius: 5px;     background-color: #ffffff;     padding: 5px;     font-size: 9pt; } 

and edit tooltip:

tooltip: {         backgroundcolor: "rgba(255,255,255,0)",         borderwidth: 0,         shadow: false,         formatter: function () {             return '<div class="mycharttooltip"><span class="ag-title">' + this.key + ' &#40;' + this.percentage.tofixed(0) + '&#37;&#41;</span><br/> <span><span style="font-size:25px">' + highcharts.numberformat(this.y, 0) + '</span> mytickets</span></div>';         },         usehtml: true,     }, 

example: http://jsfiddle.net/fuyhjmp1/5/


Comments

Popular posts from this blog

java - UnknownEntityTypeException: Unable to locate persister (Hibernate 5.0) -

python - ValueError: empty vocabulary; perhaps the documents only contain stop words -

ubuntu - collect2: fatal error: ld terminated with signal 9 [Killed] -