原创 Echarts中使用水球類型liquidFill製作溫度計

一個簡單的溫度計,見下圖: 1. 首先引入 ECharts 通過標籤方式直接引入構建好的 echarts 文件 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

原创 ECharts使用餅圖(pie)類型生成圓環進度條

效果圖1 示例完整代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echart

原创 Echarts3單儀表盤和多儀表盤

一. 簡介 ECharts,一個使用 JavaScript 實現的開源可視化庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴矢量圖

原创 js獲取url參數值的幾種方式

示例URL:https://editor.csdn.net/?a=1&b=2&c=3 方法一:採用正則表達式獲取地址欄參數 (代碼簡潔,重點正則) function getQueryString(name) { let

原创 VUE中使用ECharts實現中國地圖產品出貨量配置詳解

1、使用特效散點圖實現產品出貨TOP5顯示; 2、實現自定義懸浮提示框; 如下圖所示: 實現步驟 一、在vue中安裝echarts npm install echarts 二、在vue組件中使用echarts 1、在組件中

原创 手寫 call、apply 及 bind 函數

首先從以下幾點來考慮如何實現這幾個函數: 不傳入第一個參數,那麼上下文默認爲 window; 改變了 this 指向,讓新的對象可以執行該函數,並能接受參數。 那麼我們先來實現 call Function.prototype.

原创 js編碼解碼decodeURI()與decodeURIComponent()的區別

1. 定義和用法 decodeURI() 函數可對 encodeURI() 函數編碼過的 URI 進行解碼。 decodeURIComponent() 函數可對 encodeURIComponent() 函數編碼的 URI 進行