Apexcharts.js: No option for chartcolor on mousehover

Created on 8 Apr 2019  路  4Comments  路  Source: apexcharts/apexcharts.js

When you hover a chart, donut chart for an example, the color on the current highlighted data fades out. Its like the transparency of the color sets to around 50%.

I would really like to alter this behaviour. Either remove the effect, or just change the color.
As far as I can see, this currently isn麓t an option?

Most helpful comment

@DharmarajPS interesting. This works just fine for me without all the added specificity

.apexcharts-bar-area:hover {
  fill: #FF0099;
}

All 4 comments

states: {
  hover: {
   filter: {
      type: 'none'
    }
  }
}

Enable/disable hover and selected states - https://apexcharts.com/docs/options/states/

As for your other question to change the hover color, currently, that's not possible.

Oh in the states object..
Thanks alot, and thanks for the great chart!

I found a workaround for this using CSS. Please correct if I am wrong.

.apexcharts-bar-area[filter^="url(#SvgjsFilter"]{
fill: red;
}

@DharmarajPS interesting. This works just fine for me without all the added specificity

.apexcharts-bar-area:hover {
  fill: #FF0099;
}
Was this page helpful?
0 / 5 - 0 ratings

Related issues

jeroenpol picture jeroenpol  路  3Comments

ordago picture ordago  路  3Comments

artfulrobot picture artfulrobot  路  3Comments

rcoundon picture rcoundon  路  3Comments

thellimist picture thellimist  路  3Comments