implements #21 - time scale can be toggled to linear

chinenual · Nov 28, 2020 · 923851e · 923851e
1 parent 00d6056
commit 923851e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/resources/app/static/js/viewVCE_envs.js b/resources/app/static/js/viewVCE_envs.js
@@ -747,6 +747,11 @@ let viewVCE_envs = {
 		vce.Extra.uncompressedEnvelopes = true;
 	},
 
+	changeTimeScale: function(val) {
+		this.chart.options.scales.xAxes [0].type = val;
+		this.chart.update();
+	},
+
 	envChartUpdate: function (oscNum, envNum, animate) {
 		viewVCE_envs.supressOnchange = true;
 

diff --git a/resources/app/viewVCE.html b/resources/app/viewVCE.html
@@ -279,6 +279,14 @@
 			</select>
 		</div>
 
+		<div id="timeScaleDiv" style="display:inline-block;">
+			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Time Scale:&nbsp;
+			<select id="timeScale" onchange="viewVCE_envs.changeTimeScale(this.options[this.selectedIndex].value)">
+				<option value="logarithmic">Log</option>
+				<option value="linear">Linear</option>
+			</select>
+		</div>
+
 		<canvas id="envChart" height="400" width="600" style="border:solid #666;"></canvas>
 
 		<table id="envTable" class="valTable">