centered charts

master
Malar Kannan 2018-07-01 22:50:23 +05:30
parent 0dcad337ed
commit 2aae9ee455
2 changed files with 9 additions and 9 deletions

View File

@ -21,7 +21,7 @@
"fileName": "data.csv" "fileName": "data.csv"
} }
], ],
"chartList":[{ "chartList": [{
"fileName": "data.csv", "fileName": "data.csv",
"chartColumn": "status" "chartColumn": "status"
}, },
@ -30,10 +30,10 @@
"chartColumn": "age" "chartColumn": "age"
} }
], ],
"colorMaps" : { "colorMaps": {
"status" : { "status": {
"complicated":"red", "complicated": "red",
"single":"green" "single": "green"
} }
} }
} }

View File

@ -6,7 +6,7 @@ export default class ChartLoader extends React.Component<any, any> {
public render() { public render() {
const colorMaps = this.props.colorMaps; const colorMaps = this.props.colorMaps;
return ( return (
<Columns> <Columns isCentered={true}>
{this.props.chartList.map((o: any, i: number) => { {this.props.chartList.map((o: any, i: number) => {
const colorMap = colorMaps[o.chartColumn]; const colorMap = colorMaps[o.chartColumn];
return ( return (