add multiple lines if number of charts are more
parent
2dcb19c8ee
commit
b02c090d03
|
|
@ -28,6 +28,15 @@
|
|||
{
|
||||
"fileName": "data.csv",
|
||||
"chartColumn": "age"
|
||||
}, {
|
||||
"fileName": "data.csv",
|
||||
"chartColumn": "status"
|
||||
}, {
|
||||
"fileName": "data.csv",
|
||||
"chartColumn": "status"
|
||||
}, {
|
||||
"fileName": "data.csv",
|
||||
"chartColumn": "status"
|
||||
}
|
||||
],
|
||||
"colorMaps": {
|
||||
|
|
|
|||
|
|
@ -6,11 +6,11 @@ export default class ChartLoader extends React.Component<any, any> {
|
|||
public render() {
|
||||
const colorMaps = this.props.colorMaps;
|
||||
return (
|
||||
<Columns isCentered={true}>
|
||||
<Columns isCentered={true} isMultiline={true}>
|
||||
{this.props.chartList.map((o: any, i: number) => {
|
||||
const colorMap = colorMaps[o.chartColumn];
|
||||
return (
|
||||
<Column key={i} isSize={3}>
|
||||
<Column key={i} isSize={4}>
|
||||
<Chart csvFile={o.fileName} chartColumn={o.chartColumn} colorMap={colorMap} />
|
||||
</Column>
|
||||
);
|
||||
|
|
|
|||
Loading…
Reference in New Issue