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.

PieChart strokeLinejoin doesnt work

See original GitHub issue

What is the problem?

strokeLinejoin: ‘round’ doesnt do rounded corners to Pie slices

When does it happen?

Using PieChart component

What platform?

iOS, Android

React Native version: 0.57

Code to reproduce


const data = [
      347,
      500,
      153,
    ].map((value, index) => ({
      value,
      key: `slise-${index}`,
      svg: {
        strokeLinejoin: 'round',
        fill: COLORS[index],
      },
    }))

<PieChart
          data={data}
          startAngle={-Math.PI / 2}
          endAngle={Math.PI / 2}
          padAngle={0}
          outerRadius="100%"
          innerRadius="88%"
        />

Result: no rounded corners screen shot 2018-11-09 at 17 19 45

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
codeapp17commented, Feb 18, 2022

@codeapp17 No, we ended up dropping the idea and going a different route, sorry.

No Problem, thanks anyways

0reactions
hitmanmcccommented, Feb 18, 2022

@codeapp17 No, we ended up dropping the idea and going a different route, sorry.

Read more comments on GitHub >

github_iconTop Results From Across the Web

In a Highcharts pie chart, how can I have rounded borders ...
I'm trying to recreate this image with Highcharts 5 (styled mode), and struggle to figure out a way to make the rounded borders....
Read more >
Pie Are Square - Charting with SVG - Article
Since pie charts will require some complex calculation, we will generally use two agents to create and serve the chart. What we want...
Read more >
Insert Google Charts (Pie Chart) within Custom HTML
A working method to paste text, copied in #3 above, into a custom HTML resource, from #2 above. Before we begin, (while the...
Read more >
Button on click does not display pie charts [closed]
The pie chart displays fine without button click. But it doesn't work with the button. I have tried the following:
Read more >
Pie Chart / D3
This chart shows the estimated population by age in the United States as of 2015. ... strokeLinejoin = "round", // line join of...
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