element：節點id
title:表單姓名
titlearr：x軸刻度
dataarr:**資料
*/// 初始化餅圖
initchartpie
(element, title, titlearr, dataarr, type)
, tooltip:
: (%)'},
legend:
[// data: ['炸藥庫南門', '鑽場2', '鑽場3', '禁區']},
// data: ['炸藥庫南門', '鑽場2', '鑽場3', '禁區']}]
, label:'}
,// formatter: '(%)'},
// 設定餅狀圖每個顏色塊的顏色
color:
['#e14745'
,'#d6ac46'
,'#00a0de'
,'#b5b7fa'
,'#0c2fe5'
,'#d32ae7'
,'#f06eff'
,'#9c60ff'
,'#4868ef'
,'#04a7c4'
,'#49bf8e'
,'#a912e9'
,'#4045fa'],
series:[}
, data: dataarr,
// data: [
// ,
// ,
// ,
//
// ],
emphasis:}}
]})}
,在發起請求後，在發起畫圖請求。
折線圖：
: 告警'
, axispointer:},
xaxis:
, axisline:},
axislabel:
, data: titlearr
// data: ['wr', 'cl', 'd', 'burr', 'dep', 'def', 'o', 'ml', 'l', 'dp']},
yaxis:
, axisline:},
axislabel:},
series:[}
},// areastyle:
// }}]
})},
// 初始化柱狀圖
initchartbar
(element, title, titlearr, numberarr)
, color:
newecharts.graphic.lineargradient(0
,0,0
,1,[
,]),
// color: ['#63b1e9'],
tooltip:
: 次告警'
Vue2 0使用小結
近期第一次使用vue快速開發了一款前端專案,開發效率與便捷性大幅提公升,體驗了一把vue的藝術之道,在此總結下目前所接觸到的vue基礎使用知識,後續會補充遇到的知識點和問題以及解決方案.簡介 vue 是典型mvvm框架，擁有雙向繫結的能力與完整的元件化方案，利用 virtual dom 提供了函式式...
vue2 0的基本使用
指令的使用 v model 雙向模型改變 v text 文字渲染，渲染頁面比較多 v show 控制dom的顯示隱藏 v if 控制dom 判斷 v bind 繫結屬性 v for 迴圈，只要用於列表等 v on 事件繫結 v model 主要是在表單裡面使用。比如文字框 下拉框 單選 複選 tex...
vue2 0使用預渲染
檔案目錄如下 執行後如下圖 首頁的網路請求只有乙個，沒有對應的文字和元件，不利於seo 1.router的模式必須是history 2.核心外掛程式 npm install prerender spa plugin d 3.在build webpack.prod.conf.js內部引入渲染器 con...