search

apexcharts / apexcharts.js

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

Generates some space between the chart and the bottom of the outer container. #4672

Closed sivabalan18102001 closed 1 month ago

sivabalan18102001 commented 2 months ago

Hi, @junedchhipa , We are using the Donut Apex Chart with legend position as bottom and I want the height of the chart to be 260px like the outer div of height:260px but it generates the height of the chart container as 227.7px. So it generates some space between the chart and the bottom of the outer container.

We couldn't find the reason for this.

Could you please help us to solve this issue?

donutOption: { "series": [10800,0,16800,4800], "labels": ["Legent (1)","Legent (2)","Legent (3)","Legent (4)"], "chart": { "type": "donut", "width": "100%", "height": "260", }, "legend": { "position": "bottom", }, }

Apex Chart Height

brianlagunas commented 1 month ago

The required reproduction link was not provided. We will reopen this when the required link has been provided. Code snippets do not count.

sivabalan18102001 commented 1 month ago

Description

We are using the Donut Apex Chart with legend position as bottom. It generates some space between the chart and the bottom of the outer container.

We couldn't find the reason for this.

Could you please help us to solve this issue?

Expected Behavior

Height of the chart to be 260px like the outer div of height:260px.

Actual Behavior

Generates the height of the chart container as 227.7px.

Screenshots

Apex Chart Height

Reproduction Link

https://jsfiddle.net/5fbodv0h/2/