原创 echarts柱狀圖不同的柱子循環顯示不同的漸變顏色

getBarECharts (xdata, ydata) { let medicalCare = echarts.init(document.getElementById('medicalCare'))

原创 echarts餅圖分兩行來顯示legend

getPirECharts (data) { let name1 = data.filter((item, index) => { if (index < (data.length / 2)) {

原创 vue-layer的用法

廢話不多說,直接上步驟吧 1. 先使用命令把vue-layer插件裝上     npm install vue-layer 2.在main.js中引入layer以及css import layer from 'vue-layer' imp

原创 js數組的find()、findIndex()、filter()、

find():找到一個合適條件的就返回,不再往下走 var people = [{ id: 1, name: 'xiewenting' }, {id: 2, name: 'puxiaoruo'}] var findTest = peo

原创 數組的 reduce 和 filter 與 map 的組合

Array.filter(fn)和Array.map(fn):用於過濾數組後再重新創造一個新的數組,缺點是過濾的時候需要把數組過濾一遍,用map創造一個新的數組的時候還需要把過濾過的數組再重新走一遍,效率較低。   Array.reduc

原创 數組 find 和 some

Array.some(fn):當要知道數組中是否存在一個元素時用到,返回一個boolean值,也是和Array.find(fn)最大的區別    點贊 收藏 分享 文章舉報 蒲小

原创 數組 find 和filter

以上兩個方法都是通過回調函數進行數據的返回    Array.filter(fn):在經過回調函數後,返回的是過濾後的僅有符合過濾條件的的數組    Array.find(fn):在經過調用函數後,一旦遇到滿足條件的元素就會返回該元素並不

原创 echarts圖表顯示不全

最近是使用echarts的時候遇到了一個問題,同個界面有三個地方需要顯示餅狀圖,其中第一個正常顯示,第二個和第三個出現了圖表現實不全的問題,如下所示: 上圖分別是第二張圖和第三張圖,他們是按照正常比例來顯示的,顯示的是不正常的。 若要正

原创 includes和indexOf

Array.includes(value):返回一個布爾值,value是否在數組中    Array.indexOf(value):如果value在數組中,則返回value在數組中的下標;否則返回-1    當只想確定一下value是否在

原创 改成標識錢的字符串

function replaceMoney(str) { return str.replace(/(\d{1,3})(?=(?:\d{3})+(?!\d))/g, '$1,') } replaceMoney('131

原创 每N毫秒輸出一個元素

const oneByOne = (sayWords, n) => { let i = 0; Object.keys(sayWords).forEach(key => { sayWords[key].fo

原创 數組求平均數

// 求平均數 const average = (...numArr) => numArr.reduce((acc, val) => acc + val, 0) / numArr.length; // average(...

原创 數組找不同

之前已選的與當前選擇的對比,保留相同的,去掉後者沒有的,添加前者沒有的。(代碼爲前者獨有的元素,數組交換順序即可獲得後者獨有的)   // 數組找不同 const difference = (a, b) => { return

原创 數組找索引

const indexIwant = (arr, val) => arr.reduce((acc, el, i) => (el === val ? [...acc, i] : acc), []); indexIwant([1,2,3,1

原创 起始值爲0的順序數組

const getIwantLenArr = l => { return Array.from(new Array(l).keys()) } getIwantLenArr(5) // 輸出 [0,1,2,3,4]