原创 漏刻有時數據可視化大屏數據採集工具(2):百度人臉識別調用微信攝像頭ajax上傳識別的解決方案

成品不完美的地方: 由於手機瀏覽器和微信瀏覽器底層的原因,無法實現自動拍攝。由此會和現在的刷臉支付等有種操作體驗的差別。 但整體效果還不錯,先上成品: 1、基於微信瀏覽器,配合微信掃描條碼功能; 2、調用H5 capture通過a

原创 Echarts實戰案例代碼(3):餅圖pie之南丁格爾玫瑰圖rose實現代碼

var myChart = echarts.init(document.getElementById('echarts_2')); var option = { color: ["#a71

原创 Threejs入門進階實戰案例(5):座標系理解時輔助座標系的使用

從2D到3D最大的思維模式就是平面思維到空間思維的模式,如果不能在腦中自動補齊3D座標軸,則後續牽涉到的網格模型(mesh)、照相機(camere)、燈光(light)以及多個幾何體(geometry)進行空間佈局時,都是嚴重的思

原创 Threejs入門進階實戰案例(3):視頻貼圖的解決方案

Texture紋理貼圖需要使用TextureLoader()異步加載圖片,而視頻紋理(VideoTexture)創建一個使用視頻來作爲貼圖的紋理對象時,需要在當前文檔創建使用的Video元素。 具體代碼如下: CSS: #vi

原创 Threejs入門進階實戰案例(4):addEventListener() 方法自適應窗口顯示的方案

addEventListener() 方法調整照相機和渲染器尺寸。 /* 窗口變動觸發 */ function onWindowResize() { camera.aspect = window.

原创 Threejs入門進階實戰案例(6):對象的通用屬性/函數

Threejs 3D對象的通用屬性與函數,屬性值可以直接通過console.log查看,具體如下表格: 屬性/函數 描述 position 決定對象相對於其父對象的位置,大部分情況下一個對象的父對象是THREE.Sc

原创 Echarts數據可視化大屏開發如何優雅清晰的進行代碼註釋

在echarts前端開發中,主要牽涉到html、js、css三種文件類型,其註釋分爲單行註釋和多行註釋。最大的感悟在於:代碼的優雅就是註釋格式的統一。 單行註釋格式 <!--這是單行註釋--> 多行註釋格式 <!--

原创 Echarts實戰案例代碼(4):地圖散點氣泡圖飛線(遷徙線)API接口前端處理數據的解決方案

在使用Echarts地圖組件時,做飛線或散點氣泡圖,需要轉換經緯度格式。(如需轉載,請註明來源於漏刻有時數據可視化數據分析研究中心) 一、標準的JSON數據API接口,後端無論是php\python\java都可以,只要生成對應

原创 Echarts實戰案例代碼(5):liquidFill水球組件利用svg path定製你自己的個性化圖標動態圖

svg水球圖演示效果 如上述的動態水球圖效果,替換不同的svg圖片即可實現不同的動態水球效果。 svg格式說明(百度百科) SVG是一種圖像文件格式,它的英文全稱爲Scalable Vector Graphics,意思爲可縮

原创 漏刻有時數據可視化應用到的機器自動模擬數據的js函數相關解決方案

一、生成從minNum到maxNum的隨機數(區間內的兩位小數隨機數) function randomNum(minNum, maxNum) { switch (arguments.leng

原创 Echarts組件tooltip提示框formatter函數返回的HTML樣式解決方案

tooltip: { padding: 0, enterable: true, transitionDuration: 1, textStyle: {

原创 swiper輪播圖縮略圖效果彩色到黑白的變化的解決方案

#thumbs .swiper-slide { opacity: 0.6; width: 25%; height: 40px; margin: auto 30px; cursor: poi

原创 Echarts漸變折線圖的設置解決方案

實現如圖Echarts漸變折線圖的方式,提供兩種解決方案: 1.series組件屬性: { type: 'line', name: "總收入", lineS

原创 漏刻有時echarts柱圖堆疊方案備選案例(1)

/*工資項目趨勢分析堆積圖*/ function wagesStr(dataName, dataList1, dataList2, dataList3, dataList4) { var myChart = echart

原创 漏刻有時數據可視化大屏核心完整版框架PHP後臺數據管理 API數據接口 Echarts圖表庫 自帶電腦端和手機端兩套模版且支持自定義前端模版開發

漏刻有時數據可視化紮根v2版漏刻有時數據可視化大屏前端密碼登錄保護界面漏刻有時數據可視化大屏核心展示大屏漏刻版本:開發語言:實用羣體:功能特性:紮根版V2新增功能:開放端口(基於漏刻框架,自行開發功能):手機端界面後臺界面部分代碼