Make PieChart legend not clickable

0
I want to make the legends of a pie chart non clickable. how can I achieve this?
asked
1 answers
0

Dear Fernandes,

1. In addressing your concern regarding the functionality of your pie chart, utilizing the CSS property ":before"      can offer a viable solution. Below are the steps to implement this solution effectively:

2. Assign a Class Name: Begin by assigning a class name to your pie chart, for instance, "NonClickablePie".

   CSS Implementation:In your designated SCSS or CSS file, incorporate the following CSS code, adapting it to       fit seamlessly with your existing codebase:

.NonClickablePie {
  position: relative;
}

.NonClickablePie::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 100; /* Adjust as needed */
}

 

3.  Adjust Z-Index: Should the default z-index of 100 prove insufficient for your requirements, feel free to          increase this value accordingly until the desired effect is achieved.

 

If you require further assistance or clarification on any aspect of this process, please don't hesitate to reach out.

answered