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 ***@***.***> 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 - #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.

[nunocaseiro]

+1

[Eramirez06]

when this will be merge?

[iOSLeadGautam]

Hi All,

I want to get a Barchart with rounded bar corners and pie having rounded corners for every section.
Waiting for this PR to be merged.

Any advise would be appreciated.

Also can someone suggest me how to get pie chart like added image.

[BenjaminAlbrectsen]

Is it still not possible to round the corners? #1066 (comment) does not work for me, since I'm using SPM