add multiple lines if number of charts are more
parent
2dcb19c8ee
commit
b02c090d03
|
|
@ -28,6 +28,15 @@
|
||||||
{
|
{
|
||||||
"fileName": "data.csv",
|
"fileName": "data.csv",
|
||||||
"chartColumn": "age"
|
"chartColumn": "age"
|
||||||
|
}, {
|
||||||
|
"fileName": "data.csv",
|
||||||
|
"chartColumn": "status"
|
||||||
|
}, {
|
||||||
|
"fileName": "data.csv",
|
||||||
|
"chartColumn": "status"
|
||||||
|
}, {
|
||||||
|
"fileName": "data.csv",
|
||||||
|
"chartColumn": "status"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"colorMaps": {
|
"colorMaps": {
|
||||||
|
|
|
||||||
|
|
@ -6,11 +6,11 @@ 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 isCentered={true}>
|
<Columns isCentered={true} isMultiline={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 (
|
||||||
<Column key={i} isSize={3}>
|
<Column key={i} isSize={4}>
|
||||||
<Chart csvFile={o.fileName} chartColumn={o.chartColumn} colorMap={colorMap} />
|
<Chart csvFile={o.fileName} chartColumn={o.chartColumn} colorMap={colorMap} />
|
||||||
</Column>
|
</Column>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue