Search code examples
vue.jsapexcharts

apexcharts bar chart selection shading on click


I am looking to disable or at least find how to modify Apexchart's bar chart "selection shader" when you click on a bar chart. you can see in the image that the bar selected will turn darker than the rest. i want to build on this (make it darker or lighter).. I searched through the ApexCharts documentation and tried implementing selection and a few others, but no luck:

enter image description here


Solution

  • options = {
      states: {
        active: {
          filter: {
            type: 'none' /* none, lighten, darken */
          }
        }
      }
    }
    

    Docs: https://apexcharts.com/docs/options/states/#active