Chart dialog: add line chart config

src/client/components/facet_bar/ChartDialog.js

@@ -20,8 +20,12 @@ const useStyles = makeStyles(theme => ({
 const ChartDialog = props => {
   const {
     fetchData, facetID, rawData, rawDataUpdateID, createChartData, facetClass,
-    resultClass, fetching, tooltip, title, xaxisTitle, yaxisTitle, seriesTitle
+    resultClass, fetching, tooltip, title, xaxisTitle, yaxisTitle, seriesTitle, lineChartConfig
   } = props
+  let xaxisType = null; let xaxisTickAmount = null; let stroke = null
+  if (lineChartConfig) {
+    ({ xaxisType, xaxisTickAmount, stroke } = lineChartConfig)
+  }
   const classes = useStyles()
   const [open, setOpen] = React.useState(false)
 
@@ -65,6 +69,9 @@ const ChartDialog = props => {
             xaxisTitle={xaxisTitle}
             yaxisTitle={yaxisTitle}
             seriesTitle={seriesTitle}
+            xaxisType={xaxisType}
+            xaxisTickAmount={xaxisTickAmount}
+            stroke={stroke}
           />
         </div>
       </GeneralDialog>

src/client/components/facet_bar/FacetHeader.js

@@ -326,6 +326,7 @@ class FacetHeader extends React.Component {
             xaxisTitle={intl.get(`facetBar.lineChart.${this.props.facetID}.xaxisTitle`)}
             yaxisTitle={intl.get(`facetBar.lineChart.${this.props.facetID}.yaxisTitle`)}
             seriesTitle={intl.get(`facetBar.lineChart.${this.props.facetID}.seriesTitle`)}
+            lineChartConfig={this.props.facet.lineChartConfig}
           />}
         {menuButtons.length > 0 &&
           <>

src/client/reducers/sampo/perspective1Facets.js

@@ -90,6 +90,11 @@ export const INITIAL_STATE = {
       sortButton: false,
       spatialFilterButton: false,
       lineChartButton: true,
+      lineChartConfig: {
+        xaxisType: 'category',
+        xaxisTickAmount: 30,
+        stroke: { width: 2 }
+      },
       isFetching: false,
       searchField: false,
       containerClass: 'four',