PDA

View Full Version : Ext bar chart with movable labels



ColColonCleaner
6 Oct 2015, 2:00 PM
Hello Sencha team and others,

I'm attempting to use the Chart component to create a simple bar chart. I have most of it down, but I cannot find a config or rendering method to move the value labels around. They need to be above the bar instead of around the end of it.

We have an external legend, so we are using colors as the visual delineation of different series'. Below is a screenshot of what I'm attempting to re-create.

If I cannot use the chart component I can fall back on a combination of several progress bars, but hopefully it can be done with this single component instead of making a custom one.

Thanks for any input you guys can provide.

https://i.gyazo.com/89e7330635338ccd52ac7a19b5e93ebe.png

bjdurham85
8 Oct 2015, 10:49 AM
Hi ColColonCleaner,

Take a look at this thread, it appears to have a relevant alignment solution.

https://www.sencha.com/forum/showthread.php?295260-Charts-align-label-category-right-horizontal-bar


If applicable, you might also look at the Charts in more recent releases:
https://docs.sencha.com/extjs/6.0/whats_new/6.0.0/whats_new.html


Regards,
Bryan