Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Legend truncated on fixed width #308

Open
Tazeg opened this issue Sep 23, 2020 · 2 comments
Open

Legend truncated on fixed width #308

Tazeg opened this issue Sep 23, 2020 · 2 comments
Assignees
Labels

Comments

@Tazeg
Copy link

Tazeg commented Sep 23, 2020

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/frappe-charts@1.5.2/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>
@scmmishra scmmishra added the bug label Sep 25, 2020
@scmmishra scmmishra self-assigned this Sep 25, 2020
@ghost
Copy link

ghost commented Jan 27, 2021

any updates?

@saraswat19
Copy link

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

image

jacobmischka added a commit to mcw-anesthesiology/adverse-events-analyzer that referenced this issue Oct 7, 2021
Legends in general are pretty awful in Frappe charts, but especially so
with Pie charts.

frappe/charts#308
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants