charts icon indicating copy to clipboard operation
charts copied to clipboard

Legend truncated on fixed width

Open Tazeg opened this issue 4 years ago • 2 comments

Expected Behaviour

Correct display of legends.

Actual Behaviour

Legend is truncated at bottom.

This happens in all cases :

  • set a fixed witdh
  • adding with css like tailwind with for example "w-1/3".
  • event if you do not set a fixed witdth, open devtools on the right, resize to reduce the left area with the chart.

Steps to Reproduce:

tmp_000

Frappé Charts version: 1.5.2 Codepen: https://codepen.io/jeffprod/pen/MWyZXZz

or try with this code :

<div id="chart"></div>
<script src="https://unpkg.com/[email protected]/dist/frappe-charts.min.iife.js"></script>
<script>
let ltmp = ["Entreprise","Collectivité territoriale","Commerce","Particulier","Association","Santé","Agriculture","SANTE"]
let vtmp = [256,65,31,21,18,15,13,11]
chart = new frappe.Chart('#chart', {
  title: 'Title',
  data: { labels: ltmp, datasets: [ { values: vtmp } ] },
  type: 'pie',
  height: 400
})
 </script>

Tazeg avatar Sep 23 '20 08:09 Tazeg

any updates?

ghost avatar Jan 27 '21 08:01 ghost

Facing the same issue...any fix for this?

image

saraswat19 avatar Jun 19 '21 19:06 saraswat19