search

apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG
https://apexcharts.com
MIT License
14.26k stars 1.29k forks source link

Chart plotting area shrinks when the type is datetime #4521

Closed zee0786 closed 3 months ago

zee0786 commented 3 months ago

Description

Steps to Reproduce

  1. After giving all the required params for a vertical column graph, when the type is mentioned as datetime the graph just ignores the available width provided.

Expected Behavior

it should take up the full width if the width provided is '100%'.

Reproduction Link

https://codesandbox.io/p/sandbox/react-basic-example-forked-6n82ky?file=%2Fsrc%2FApp.js

If you are using react-apexcharts, and want to create a demo in React environment, use the CodeSandbox React template - https://codesandbox.io/s/6yoqonyo7r -->

brianlagunas commented 3 months ago

Your CSS is setting the max width to 650px. Remove that.

zee0786 commented 3 months ago

I agree that there was a max-width in codepen version, but there is none in the sandbox version. Can you please recheck it