search

frappe / charts

Simple, responsive, modern SVG Charts with zero dependencies
https://frappe.io/charts
MIT License
14.9k stars 716 forks source link

Donut chart vertical legend cut off #395

Open aphilas opened 1 year ago

aphilas commented 1 year ago

Expected Behaviour

Charts is responsive and shows all legend entries.

Actual Behaviour

Vertical legend is cut off.

image

Steps to Reproduce:

  1. Set up donut chart with 3 labels (possibly inside grid) with layout such that legends are forced to be vertical
  2. Last legend item is cut off

Frappé Charts version: 1.6.2 Codepen / Codesandbox: https://svelte.dev/repl/36767f0709f04f18967c7bb49a717a6f?version=3.42.6

Might be related to #374, #308

aphilas commented 1 year ago

Fixed with

svg.frappe-chart {
        overflow: visible;
    }
uhrjun commented 1 year ago

Ideally I need to add an option to render the legends in HTML. So expect that sooner rather than later.