Charts: Rounding the corners of bars

[ricburton]

What would be the best way to achieve this effect? I’m guessing I’ll need to modify the way Charts draws in some way.

[liuxuan30]

I have been investigated on this a few months ago. It's possible, however, we need to change how we create the bar rect. Not so hard, but some decent work is needed

[liuxuan30]

That's what I investigated before, you can try first. I am still looking for other options.

in public func drawDataSet: of bar chart renderer

                let cornerRadius: CGFloat = CGRectGetWidth(barRect) <= 5 ? 1.0 : 2.0
                let bezierPath = UIBezierPath(roundedRect: barRect, byRoundingCorners: UIRectCorner.AllCorners, cornerRadii: CGSizeMake(cornerRadius, cornerRadius))

                let roundedPath = bezierPath.CGPath

                // if drawing the bar shadow is enabled
                if (drawBarShadowEnabled)
                {
                    barShadow.origin.x = barRect.origin.x
                    barShadow.origin.y = viewPortHandler.contentTop
                    barShadow.size.width = barRect.size.width
                    barShadow.size.height = viewPortHandler.contentHeight

                    CGContextSetFillColorWithColor(context, dataSet.barShadowColor.CGColor)
//                    CGContextFillRect(context, barShadow)
                    CGContextAddPath(context, roundedPath)
                    CGContextFillPath(context)
                }

                // Set the color for the currently drawn value. If the index is out of bounds, reuse colors.
                CGContextSetFillColorWithColor(context, dataSet.colorAt(j).CGColor)
//                CGContextFillRect(context, barRect)
                CGContextAddPath(context, roundedPath)
                CGContextFillPath(context)

[ricburton]

Thanks so much for the feedback! I’ll play with this.

[liuxuan30]

yeah I don't think it's a great one, especially your bars are very thin

[FahadIqbal]

its not working can anyone help me to do it ?

[CoderZyc]

@liuxuan30请问下，这个在最新的版本还可以？

[FahadIqbal]

Thanks for your dearness

Sent from my iPhone

On Dec 27, 2016, at 15:30, CoderZyc [e-mail] wrote:

@liuxuan30请问下，这个在最新的版本还可以？

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub, or mute the thread.

[liuxuan30]

@CoderZyc not merged yet. there is a PR for it.

[acegreen]

Hey @liuxuan30 this looks awesome, any ETA on this?

[liuxuan30]

not really. I don't think it's perfect, and not having time to investigate other options.

[acegreen]

@liuxuan30 no worries, there is another solution that worked out nicely #1917

[liuxuan30]

@acegreen basically they work the same way. Just wrap up nicely. Since more people asking, I am reopening this topic

[kirti0525]

Hi,
Can you please help me with adding vertical dashed lines in between bars in bar graph and making the top corner of the bar slightly curvy . I am uploading the screenshot for the sample.

[lalkrishna]

Any update on this?

[jacobsapps]

It looks like this and a similar pull request - https://github.com/danielgindi/Charts/pull/1917 - have been dead for at least 2 years. Is it worth throwing away all the work they took?

[kelvinofula]

Is there a way to achieve the same with the slices of a piechart?

[scinfu]

+1

[JanC]

+1

[4np]

If #4297 was merged, you could just override the renderer.

[scinfu]

Not merged :/

[AppCodeZip]

Recently I have been working on a project, to which I have added a chart library and display a beautiful rounded bar chart in swift. We can achieve this functionality easily. Please check this demo.