Cannot use hex color on apex-chart heatmap color scale

Apexchart version: 3.44

When specify hex code on plotOptions in heatmap, getting error

Error: Evaluation failed: TypeError: Cannot read property ‘dataURI’ of undefined at puppeteer_evaluation_script:2:52

I tried to change to string color, such as ‘black’, ‘red’, etc. No errors found but the background become gray instead.

Working URL: JSFiddle
Sample URL to Quick Chart

Hi @zarulizham, this error is happening because you need to URL-encode the colors. In particular, # is a special symbol and should be encoded as %23. You can use a tool like for this.

Example with encoded colors: link

Yes, # needs to encode first. It works now. Thank you.