Long legend text truncated

[cskujbus]

Hello,

I'm using Contex version 0.4.0. I try to generate a point plot with a right legend in a Phoenix LiveView application. The legend appears on the right side, but long texts will be truncated. Is it possible to make them appear in full length?

thanks

[mindok]

At the moment it is hard-coded as it is very difficult to calculate expected text widths in SVG from within Elixir as it doesn't have an SVG layout engine like you would in a browser.

Where I've hit this in the past, I've separated the chart from the legend and combined them in my page layout. Creating a legend in your page layout could be as easy as using an HTML table with background colour set to the appropriate colour. Each plot module, e.g. Contex.BarChart exposes a function get_legend_scales/1 that returns a list (usually only with one item) of scales that are used to generate the legend. You could them use this to create your HTML table using a pattern similar to that in Contex.Legend.to_svg/1 (or you could modify this to generate an SVG snippet with wider text boxes, and display that instead).

[ghenry]

I'm going to try this way too as I'm hitting these. I've tried legend_top and legend_right (but phone numbers are cropped)

I really don't want to go client side with chartjs either :-(

[mindok]

Hi @ghenry - does the workaround suggested (rendering the legend as HTML outside of the Contex chart) work in your situation?

[ghenry]

Not quite yet. I've had to use legend_top and reduce my items to 5. I should get more time to look into it as I don't want have to switch to a front end thing like chartjs.