question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Customising each bar drawn within a chart

See original GitHub issue

What is the problem?

I’d like to visually round off the ends of a StackedBarChart element’s bars – both foreground data and background guides – like so: StackedBarChart with rounded and shaded bars I’d also like to apply a gradient effect to each bar, as per the illustration above.

However, having read through the documentation and looked at the examples, I haven’t discovered if customisation for individual bar chart elements is possible in this specific way.

Can someone tell me how to apply these customisations to each bar please?

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:1
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

4reactions
JesperLeklandcommented, Jul 16, 2018

Great, thanks for the input. I’ll keep this issue open to remind me about the borderRadius for BarChart

1reaction
markedupcommented, Jul 16, 2018

No worries, @JesperLekland – thanks again for your help. I was thinking it would need to be an interpolated, per-bar gradient; if I produce anything useful, I’ll share it here.

Read more comments on GitHub >

github_iconTop Results From Across the Web

A Complete Guide to Bar Charts | Tutorial by Chartio
Bar charts are a fundamental visualization for comparing values between groups of data. Use this guide to learn how to get the most...
Read more >
Video: Customize a bar chart - Microsoft Support
Click the chart you want to change. · In the upper-right corner, next to the chart, click Chart Styles. · Click Color and...
Read more >
Video: Create a combo chart - Microsoft Support
Click anywhere in the chart you want to change to a combo chart to show the CHART TOOLS. · Click DESIGN > Change...
Read more >
How to Customize Charts | Google Developers
Every chart exposes a number of options that customize its look and feel. ... as name:value pairs in the options object passed into...
Read more >
How to make a bar graph in Excel - Ablebits
Creating a cylinder, cone and pyramid graph in Excel 2013 and 2016 · Select all the bars in your chart, right click them,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found