added plot titles to config

public/config.json

@@ -22,6 +22,7 @@
     }
   ],
   "chartList": [{
+      "chartTitle": "Status Plot",
       "fileName": "data.csv",
       "chartColumn": "status"
     },
@@ -29,9 +30,11 @@
       "fileName": "data.csv",
       "chartColumn": "age"
     }, {
+      "chartTitle": "Another Status Plot",
       "fileName": "data.csv",
       "chartColumn": "status"
     }, {
+      "chartTitle": "Yet Another Status Plot",
       "fileName": "data.csv",
       "chartColumn": "status"
     }, {

src/Chart.tsx

@@ -56,7 +56,7 @@ export class Chart extends React.Component<any, any> {
       <Card>
         <CardHeader>
           <CardHeaderTitle className='is-centered'>
-            {_.capitalize(this.props.chartColumn)}
+            {this.props.title}
           </CardHeaderTitle>
         </CardHeader>
         <CardImage>

src/ChartLoader.tsx

@@ -11,7 +11,10 @@ export default class ChartLoader extends React.Component<any, any> {
           const colorMap = colorMaps[o.chartColumn];
           return (
             <Column key={i} isSize={4}>
-              <Chart csvFile={o.fileName} chartColumn={o.chartColumn} colorMap={colorMap} />
+              <Chart
+                csvFile={o.fileName} chartColumn={o.chartColumn}
+                colorMap={colorMap} title={o.chartTitle ? o.chartTitle: o.chartColumn}
+              />
             </Column>
           );
         })}