add multiple lines if number of charts are more
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user