原文:基於HTML5 Canvas的3D動態Chart圖表

發現現在工業SCADA上或者電信網管方面用圖表的特別多,雖然絕大部分人在圖表制作方面用的是echarts,他確實好用,但是有些時候我們不能調用別的插件,這個時候就得自己寫這些美麗的圖表了,然而圖表輕易做不成美麗的。。。看到有一個網站上在賣的圖表,感覺挺好看的,就用 HT for Web D 做了一個小例子,挺簡單的,也挺好看的,哈哈 Demo 地址:http: www.hightopo.com d ...

2017-11-02 08:01 4 1641 推薦指數:

查看詳情

基於html5 canvas 的強大圖表插件【Chart.js】

名詞解釋 Chart.js:是基於html5canvas的強大圖表插件,支持多樣的圖表形式,柱狀線性餅環極地雷達等等; canvas:只兼容到IE9 excanvas.js:強大的第三方兼容插件,可以使canvas兼容到IE5 鏈接   Chart.js中文網 ...

Fri Apr 01 18:40:00 CST 2016 0 2110
基於 HTML5 Canvas3D 模型列表貼圖

少量圖片對於我們賦值是沒有什么難度,但是如果圖片的量大的話,我們肯定希望能很直接地顯示在界面上供我們使用,再就是排放的位置等等,這些都需要比較直觀的操作,在實際應用中會讓我們省很多力以及時間。下面這個 ...

Thu Dec 07 17:24:00 CST 2017 0 3455
基於 HTML5 Canvas3D 熱力雲圖效果

前言   數據蘊藏價值,但數據的價值需要用 IT 技術去發現、探索,可視化可以幫助人更好的去分析數據,信息的質量很大程度上依賴於其呈現方式。在數據分析上,熱力圖無疑是一種很好的方式。在很多行業中都有着廣泛的應用。   最近剛好項目中需要用到 3D 熱力圖的效果展示。網上搜了相關資料,發現大多數 ...

Mon Mar 02 08:03:00 CST 2020 4 2780
基於 HTML5 Canvas3D WebGL 機房創建

對於 3D 機房來說,監控已經不是什么難事,不同的人有不同的做法,今天試着用 HT 寫了一個基於 HTML5 的機房,發現果然 HT 簡單好用。本例是將燈光、霧化以及 eye 的最大最小距離等等功能在 3D 機房中進行的一個綜合性的例子。接下來我將對這個例子的實現進行解析,算是自己對這個例子的一個 ...

Mon Dec 25 07:56:00 CST 2017 1 1945
HTML5 進階系列:canvas 動態圖表

前言 canvas 強大的功能讓它成為了 HTML5 中非常重要的部分,至於它是什么,這里就不需要我多作介紹了。而可視化圖表,則是 canvas 強大功能的表現之一。 現在已經有了很多成熟的圖表插件都是用 canvas 實現的,Chart.js、ECharts等可以制作出好看炫酷的圖表 ...

Tue May 23 16:42:00 CST 2017 6 13937
Chart.js – 效果精美的 HTML5 Canvas 圖表

  Chart.js 是一個令人印象深刻的 JavaScript 圖表庫,建立在 HTML5 Canvas 基礎上。目前,它支持6種圖表類型(折線圖,條形圖,雷達圖,餅圖,柱狀圖和極地區域區)。而且,這是一個獨立的包,不依賴第三方 JavaScript 庫,小於 5KB。   顏色,字體,邊框 ...

Wed Mar 20 00:25:00 CST 2013 3 41115
基於 HTML5 Canvas 的簡易 2D 3D 編輯器

不管在任何領域,只要能讓非程序員能通過拖拽來實現 2D3D 的設計圖就是很牛的,今天我們不需要 3dMaxs 等設計軟件,直接用 HT 就能自己寫出一個 2D 3D 編輯器,實現這個功能我覺得成就感還是爆棚的,哈哈!只要你會想,能做,就能根據這個編輯器延展成 big thing! 本例地址 ...

Mon Dec 04 06:16:00 CST 2017 0 3494
基於HTML5 Canvas 點擊添加 2D 3D 機櫃模型

今天又返回好好地消化了一下我們的數據容器 DataModel,這里給新手做一個典型的數據模型事件處理的例子作為參考。這個例子看起來很簡單,實際上結合了數據模型中非常重要的三個事件處理的部分:屬性變化事 ...

Mon Nov 27 16:00:00 CST 2017 0 1239
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM