Skip to content
This repository has been archived by the owner on Sep 17, 2021. It is now read-only.

Radar chart rings not centered #200

Open
2 tasks done
gilsonmandalogo opened this issue Oct 18, 2017 · 1 comment
Open
2 tasks done

Radar chart rings not centered #200

gilsonmandalogo opened this issue Oct 18, 2017 · 1 comment

Comments

@gilsonmandalogo
Copy link

Before filing an issue please ensure the following boxes are checked, if applicable:

  • I have searched for existing issues
  • I have provided detailed instructions that can reproduce the issue (including code and data necessary)

I can't do a centered radar chart rings:
image

Code to reproduce:

I have compiled the example app too, and the result is same on radar screen. Anyway, below is my code to reproduce:

let data = [{
  "speed": 74,
  "balance": 29,
  "explosives": 40,
  "energy": 40,
  "flexibility": 30,
  "agility": 25,
  "endurance": 44
}];

const options = {
  width: 300,
  height: 300,
  margin: {
    top: 20,
    left: 20,
    right: 20,
    bottom: 20
  },
  fill: "#C21D1D",
  stroke: "#C21D1D",
  label: {
    fontFamily: 'Arial',
    fontSize: 14,
    fontWeight: true,
    fill: '#ECF0F1'
  }
};
return(
  <View>
    <Radar
      data={data}
      options={options}              
    />
  </View>
);
@flochaz
Copy link

flochaz commented Dec 14, 2017

removing the margin section should solve your issue

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants