Closed patryk-zielinski93 closed 5 months ago
I'm also strugling with this issue. On bar charts everything is ok.
After comparising bar chart with donut chart I've notice that library for bars is generating data labels as:
<g id="SvgjsG10958" class="apexcharts-bar-series apexcharts-plot-series">
<g id="SvgjsG10959" class="apexcharts-series" seriesName="seriesxx1" rel="1" data:realIndex="0">...</g>
<g id="SvgjsG11106" class="apexcharts-series" seriesName="seriesxx2" rel="2" data:realIndex="1">...</g>
<g id="SvgjsG11253" class="apexcharts-series" seriesName="seriesxx3" rel="3" data:realIndex="2">...</g>
<g id="SvgjsG10960" class="apexcharts-datalabels" data:realIndex="0">...</g>
<g id="SvgjsG11107" class="apexcharts-datalabels" data:realIndex="1">...</g>
<g id="SvgjsG11254" class="apexcharts-datalabels" data:realIndex="2">...</g>
</g>
and for donut charts labels are generated as:
<g id="SvgjsG13354" class="apexcharts-slices">
<g id="SvgjsG13355" class="apexcharts-series apexcharts-pie-series" seriesName="seriesxx1" rel="1" data:realIndex="0">...</g>
<g id="SvgjsG13368" class="apexcharts-series apexcharts-pie-series" seriesName="seriesxx2" rel="2" data:realIndex="1">...</g>
<g id="SvgjsG13381" class="apexcharts-series apexcharts-pie-series" seriesName="seriesxx3" rel="3" data:realIndex="2">...</g>
<g id="SvgjsG13394" class="apexcharts-series apexcharts-pie-series" seriesName="seriesxx4" rel="4" data:realIndex="3">...</g>
<g id="SvgjsG13407" class="apexcharts-series apexcharts-pie-series" seriesName="seriesxx5" rel="5" data:realIndex="4">...</g>
<g id="SvgjsG13357" class="apexcharts-datalabels">...</g>
<g id="SvgjsG13370" class="apexcharts-datalabels">...</g>
<g id="SvgjsG13383" class="apexcharts-datalabels">...</g>
<g id="SvgjsG13396" class="apexcharts-datalabels">...</g>
<g id="SvgjsG13409" class="apexcharts-datalabels">...</g>
</g>
There is no data:realIndex
attribute on <g class="apexcharts-datalabels">
.
Description
Hovering over legend item should not change opacity of focused data percentage label
Steps to Reproduce
Expected Behavior
When hovering over legend item all percentage labels are greyed out but focused element's percentage label stays visible.
Actual Behavior
All percentage labels are greyed out and almost invisible.
Screenshots
Reproduction Link
https://codepen.io/patryk-zielinski93/pen/vYzJvJm