fix: switching back from 3M/6M/ALL froze the window buttons

setOption(...,true) re-creates the dataZoom component when returning from a band
view (which has none) to a smoke view (which has one), and ECharts emits a dataZoom
event for that rebuild — indistinguishable from a user drag. The handler treated it
as a box-select, set sel, and re-rendered, which rebuilt dataZoom again: a self-
feeding loop that looked like dead buttons. A redraw gate now ignores programmatic
dataZoom events; only real user drags select a range.

Author: githubflyideas

static/index.html

@@ -185,6 +185,9 @@
 }
 
 let sel = null; // {from,to} 框选时间段(unix 秒)
+// setOption 重建 dataZoom 组件时 ECharts 会自发一次 dataZoom 事件,
+// 那不是用户操作 —— 重绘期间关闸,避免"点档位反被框选回调劫持"的死循环。
+let redrawing = false;
 let renderSeq = 0;
 async function render() {
   const seq = ++renderSeq;
@@ -245,6 +248,7 @@
   $('conclusion').textContent = (t.down ? '🔴 ' : '🟢 ') + `${t.name}: ${win} P99 ${pool.length ? q(.99).toFixed(1) : '–'} ms · loss ${lossPct.toFixed(2)}% · ${bursts} bursts`;
 
   const phos = cssv('--phos');
+  redrawing = true;
   chart.setOption({
     animation: false,
     grid: { left: 52, right: 46, top: 18, bottom: 56 },
@@ -301,11 +305,13 @@
         tooltip: { formatter: p => `◆ z-score ${p.value[2] ? p.value[2].toFixed(2) : '—'} · loss ${p.value[1].toFixed(0)}% (${p.value[3]}/${p.value[4]})` } }
     ]
   }, true);
+  setTimeout(() => { redrawing = false; }, 400); // 覆盖 ECharts 自发事件的窗口
 }
 
 // 图上拖拽框选一段时间 -> 精确查询那一段(dataZoom 的 datazoom 事件给出可视范围)
 let zoomTimer = null;
 chart.on('dataZoom', () => {
+  if (redrawing) return; // 程序重绘引发的,不是用户拖拽
   clearTimeout(zoomTimer);
   zoomTimer = setTimeout(() => {
     const opt = chart.getOption();
@@ -399,6 +405,7 @@
   const win = days >= 300 ? 'all' : days >= 30 ? (days/30) + 'M' : days + 'd';
   $('conclusion').textContent = (t.down ? '🔴 ' : '🟢 ') + `${t.name}: ${win} peak P99 ${p99max.toFixed(1)} ms · loss ${lp.toFixed(2)}% · ${burstSum} bursts`;
   const phos = cssv('--phos');
+  redrawing = true;
   chart.setOption({
     animation: false,
     grid: { left: 52, right: 46, top: 18, bottom: 42 },
@@ -443,6 +450,7 @@
         tooltip: { formatter: p => `◆ ${p.value[2]} bursts · loss ${p.value[1].toFixed(1)}%` } }
     ]
   }, true);
+  setTimeout(() => { redrawing = false; }, 400); // 覆盖 ECharts 自发事件的窗口
 }
 
 $('themeBtn').onclick = () => {