jquery - How to solve the pie-donut chart tooltip transparent without using any 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 + ' (' + this.percentage.tofixed(0) + '%)</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
Post a Comment