From c35074e0e33054bb6c5ada22f8104422ae953b17 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 21 二月 2025 17:19:04 +0800 Subject: [PATCH] 1. 新增默认加载时先判断各选项是否获取完成逻辑 --- src/model/Legend.js | 112 +++++++++++++++++-------------------------------------- 1 files changed, 35 insertions(+), 77 deletions(-) diff --git a/src/model/Legend.js b/src/model/Legend.js index 054ad4b..42abee3 100644 --- a/src/model/Legend.js +++ b/src/model/Legend.js @@ -8,6 +8,7 @@ //鍚勭洃娴嬪洜瀛愭暟鎹垎绾э紙鏍囧噯锛� _legend_r: { + NO: [0, 100, 200, 700, 1200, 2340], NO2: [0, 100, 200, 700, 1200, 2340], CO: [0, 5, 10, 35, 60, 90], H2S: [0, 150, 500, 650, 800, 1600], @@ -25,6 +26,14 @@ //鍚勭洃娴嬪洜瀛愭暟鎹垎绾э紙鏍囧噯锛夊搴旈鑹� _legend_c: { + NO: [ + [0, 0.89, 0, 0.75], + [1, 1, 0, 0.75], + [1, 0.49, 0, 0.75], + [1, 0, 0, 0.75], + [0.6, 0, 0.3, 0.75], + [0.49, 0, 0.14, 0.75] + ], NO2: [ [0, 0.89, 0, 0.75], [1, 1, 0, 0.75], @@ -172,23 +181,45 @@ }, /** + * 鑾峰彇褰撳墠棰滆壊涓婁竴涓瓑绾х殑棰滆壊 + * @param {*} name + * @param {*} type + * @param {*} color + */ + getPreviousColor(name, type, color) { + let colors; + if (type == this.S_TYPE) { + colors = this._legend_c[name]; + } else { + colors = this._custom; + } + if (colors == undefined) { + colors = this._legend_c['PM25']; + } + let index = colors.indexOf(color); + index--; + if (index < 0) index = 0; + return colors[index]; + }, + + /** * 鑾峰彇鐩戞祴鍥犲瓙褰撳墠娴撳害瀵瑰簲鐨勯鑹� * @param name 鐩戞祴鍥犲瓙鍚嶇О * @param data 鐩戞祴鍥犲瓙娴撳害 */ getStandardColor: function (name, data) { - var range = this._legend_r[name]; - var colors = this._legend_c[name]; + let range = this._legend_r[name]; + let colors = this._legend_c[name]; if (range == undefined) { range = this._legend_r['PM25']; colors = this._legend_c['PM25']; } // return colors[0] - var selected = undefined; + let selected = undefined; for (let i = 0; i < range.length; i++) { const d = range[i]; - var d1 = d; + let d1 = d; if (name == 'CO') { d1 *= 1000; } @@ -215,79 +246,6 @@ i = this._custom.length - 1; } return this._custom[i]; - }, - - /** - * 鑾峰彇鍒嗘瀽鍥句緥 - */ - refreshLegend: function (eId, name, animation, type, min, max) { - var legend = $('#' + eId); - legend.empty(); - - var r = this._legend_r[name]; - var c = this._legend_c[name]; - // 娌℃湁鎵惧埌鏍囧噯鍥句緥鐨勫洜瀛愶紝榛樿浣跨敤鑷畾涔夎寖鍥村浘渚� - if (r == undefined) { - type = this.C_TYPE; - } - var range = []; - if (type != this.S_TYPE && min != undefined && max != undefined) { - var count = this._custom.length; - var per = (max - min) / count; - for (let i = 0; i < count; i++) { - range.push([(min + per * i).toFixed(1), this._custom[i]]); - } - } else { - for (let i = 0; i < r.length; i++) { - range.push([r[i], c[i]]); - } - } - - for (let i = 0; i < range.length; i++) { - const r = range[i]; - const nextR = range[i + 1]; - var div1 = $('<div></div>'); - div1.addClass('flexbox align-items margin-top'); - var div2 = $('<div></div>'); - div2.addClass('rectangle'); - - var color = r[1]; - var bgcolor = - 'rgba(' + - color[0] * 255 + - ', ' + - color[1] * 255 + - ', ' + - color[2] * 255 + - ', ' + - color[3] + - ')'; - div2.css('background-color', bgcolor); - var div3 = $('<div></div>'); - var d; - if (nextR != undefined) { - d = r[0] + ' ~' + nextR[0] + ' ' + Util.factorUnit2[name]; - } else { - d = - ' > ' + - r[0] + - ' ' + - Util.factorUnit2[name]; - } - div3.append(d); - div1.append(div2); - div1.append(div3); - legend.append(div1); - } - - if (animation == false) { - return; - } - legend.hide('fast', function () { - setTimeout(() => { - legend.show('fast'); - }, 500); - }); } }; -- Gitblit v1.9.3