ApexCharts: test custom tooltip formatting

src/client/components/facet_bar/ChartDialog.js

@@ -74,11 +74,13 @@ const ChartDialog = props => {
               }
             },
             tooltip: {
-              // enabled: false,
-              followCursor: false,
-              fixed: {
-                enabled: true,
-                position: 'topRight'
+              custom: ({ series, seriesIndex, dataPointIndex, w }) => {
+                console.log(seriesIndex)
+                return `
+                  <div class="arrow_box">
+                    <span>${series[seriesIndex]}</span> 
+                  </div>
+                `
               }
             }
           }}

src/client/components/facet_results/ApexChart.js

@@ -64,8 +64,10 @@ class ApexChart extends React.Component {
     let otherCount = 0
     const totalLength = this.props.data.length
     const threshold = 0.15
+    let sum = 0
     this.props.data.map(item => {
       const portion = parseInt(item.instanceCount) / totalLength
+      sum += item.instanceCount
       if (portion < threshold) {
         otherCount += parseInt(item.instanceCount)
       } else {
@@ -91,7 +93,8 @@ class ApexChart extends React.Component {
       ...this.props.options,
       series,
       labels,
-      colors: chartColors
+      colors: chartColors,
+      sum
     }
     // Destroy the previous chart
     if (!this.chart == null) {

src/client/configs/sampo/PerspectiveConfig.js

@@ -17,7 +17,7 @@ export const perspectiveConfig = [
     id: 'perspective1',
     frontPageImage: manuscriptsImage,
     perspectiveDescHeight: 160,
-    defaultActiveFacets: new Set(['prefLabel']),
+    defaultActiveFacets: new Set(['prefLabel', 'language']),
     tabs: [
       {
         id: 'table',