apexcharts.js icon indicating copy to clipboard operation
apexcharts.js copied to clipboard

Published 20 hours ago • verified publisher icon apexcharts

Grid borders + grid are rendered always front

Open bazuka5801 opened this issue 2 years ago • 4 comments

Description

Grid borders are rendered after the chart even if position: back is specified https://github.com/apexcharts/apexcharts.js/blob/d38ee729eb2c4cf1cc142ba4a13c21b999956ec2/src/apexcharts.js#L294-L305

Steps to Reproduce

  1. turn on axis borders
  2. turn on grid lines (all axis)
  3. line chart with markers

Expected Behavior

Grid borders are rendered before the chart even if position: back is specified

Actual Behavior

Screenshots

Before telegram-cloud-photo-size-2-5332697318622872391-x After telegram-cloud-photo-size-2-5332263269227939059-x

Reproduction Link

https://codepen.io/bazuka5801/pen/xxJrRBr

bazuka5801 avatar Jan 13 '23 08:01 bazuka5801

good job i need this 👍

insightn777 avatar Mar 13 '23 06:03 insightn777

Version 3.40.0 still has this bug.

GitNomster avatar May 31 '23 10:05 GitNomster

@GitNomster You can try using my fix, just replace the line in your package.json and install the packages, I use yarn

    "apexcharts": "npm:@bazuka5801/[email protected]",

bazuka5801 avatar Jun 02 '23 14:06 bazuka5801

The issue can no longer be reproduced with the latest version 3.42.0

junedchhipa avatar Sep 17 '23 16:09 junedchhipa