Shows sequence character in IUPred2A plot

web/src/components/UIPred2Chart.vue

@@ -22,17 +22,29 @@ export default {
           {
             y: this.score,
             x: _.range(1, this.score.length + 1),
+            text: this.x.split(''),
+            // x: this.x,
             line: {
               color: '#5e849e',
               width: 3,
               shape: "line"
             },
-            type: 'scatter'
+            type: 'scatter',
+            mode: 'lines'
           }
         ],
         layout: {
           title: 'UIPred2A Plot',
-          xaxis: {title: 'Position'},
+          xaxis: {
+            title: 'Position'
+            // tickmode: 'array', tickvals: _.range(1, this.score.length + 1),
+            // ticktext: this.x.split(''),
+            // tickformatstops: [
+            //   {dtickrange: [0, 50], value: _.range(1, this.score.length + 1)},
+            //   {dtickrange: [50, 100], value: _.range(1, this.score.length + 1, 3)},
+            //   {dtickrange: [100, 500], value: _.range(1, this.score.length + 1, 5)}
+            // ]
+          },
           yaxis: {title: 'Score'}
         }
       }