Use linechart for displaying mean gc in contrast to duplicated reads

halfpipe/static/js/pre_alignment_qc.js

@@ -133,13 +133,16 @@ const duplicationChart = new Chart(duplicationCtx, {
 const meanGCCtx = document.getElementById("mean_gc")
 const meanGCData = data.duplication.mean_gc.slice(0, trimRightIndex(data.duplication.mean_gc) + 15)
 const meanGCChart = new Chart(meanGCCtx, {
-  type: 'bar',
+  type: 'line',
   data: {
     labels: Array.from(Array(meanGCData.length).keys()),
     datasets: [{
       backgroundColor: BAR_COLOR,
       label: "Mean gc",
-      data: meanGCData
+      data: meanGCData.map(x => x === 0 ? NaN : x),
+      spanGaps: true,
+      cubicInterpolationMode: "default",
+      lineTension: 0.3,
     }]
   },
 })