Add route for bar chart race

src/client/components/facet_results/BarChartRace.js

@@ -70,7 +70,7 @@ class BarChartRace extends React.Component {
       }))
 
       this.yAxis.get('renderer').labels.template.adapters.add('text', (label, target, key) => {
-        if (target.dataItem) {
+        if (target.dataItem && target.dataItem.dataContext) {
           return target.dataItem.dataContext.prefLabel
         }
       })

src/client/components/facet_results/ResultClassRoute.js

@@ -13,7 +13,7 @@ const Network = lazy(() => import('./Network'))
 const VideoPage = lazy(() => import('../main_layout/VideoPage'))
 const WordCloud = lazy(() => import('../main_layout/WordCloud'))
 const TemporalMap = lazy(() => import('./TemporalMap'))
-// const BarChartRace = lazy(() => import('../../facet_results/BarChartRace'))
+const BarChartRace = lazy(() => import('./BarChartRace'))
 const ExportCSV = lazy(() => import('./ExportCSV'))
 const Export = lazy(() => import('./Export'))
 
@@ -366,6 +366,23 @@ const ResultClassRoute = props => {
       routeComponent = <VideoPage {...videoPageProps} />
       break
     }
+    case 'BarChartRace': {
+      const { stepBegin, stepEnd, stepIncrement, stepDuration } = resultClassConfig
+      const barChartRaceProps = {
+        portalConfig,
+        fetchData: props.fetchResults,
+        resultClass,
+        facetClass,
+        resultUpdateID: perspectiveState.resultUpdateID,
+        results: props.perspectiveState.results,
+        stepBegin,
+        stepEnd,
+        stepIncrement,
+        stepDuration
+      }
+      routeComponent = <BarChartRace {...barChartRaceProps} />
+      break
+    }
     case 'TemporalMap': {
       const temporalMapProps = {
         portalConfig,