基於html5 canvas 的強大圖表插件【Chart.js】
名詞解釋 Chart.js：是基於html5和canvas的強大圖表插件，支持多樣的圖表形式，柱狀線性餅環極地雷達等等； canvas：只兼容到IE9 excanvas.js：強大的第三方兼容插件，可以使canvas兼容到IE5 鏈接 Chart.js中文網 ...
原文：html5 canvas做的圖表插件
用highchart的時候發現它是用svg來畫圖的，那么用canvas來做怎么樣的。 以前做AS圖表插件的時候，繪制圖畫主要用容器的Graphics對象來繪制，而canvas的context和Graphics一樣，都可以用來繪制圖形。 然后就試着用canvas做了這樣一個東西。 具體實現如下，個人表達能力有問題，各位看官還是看源碼吧，如下： ChartTest .js源碼如下： ...
2014-05-13 23:12 5 2378 推薦指數：
相關推薦
html5圖表canvas和svg（矢量圖和位圖）
什么是矢量圖？矢量圖格式是什么？和位圖又有什么區別？ 個人理解： 矢量圖就是有具體描述圖的組成結構的（點和線）特性（大小長度顏色等） 位圖就是只是描述單個像素點的色彩，然后將所有像素點整合成一張圖。 繪制圖表主要分為canvas和svg方式。 SVG 指可伸縮矢量圖 ...
基於HTML5 Canvas的3D動態Chart圖表
發現現在工業SCADA上或者電信網管方面用圖表的特別多，雖然絕大部分人在圖表制作方面用的是echarts，他確實好用，但是有些時候我們不能調用別的插件，這個時候就得自己寫這些美麗的圖表了，然而圖表輕易做不成美麗的。。。看到有一個網站上在賣的圖表，感覺挺好看的，就用 HT for Web 3D 做了 ...
基於HTML5 Canvas的餅狀圖表實現教程
昨天我們分享了一款基於HTML5的線性圖表應用，效果非常不錯，可以看在線DEMO或者實現教程。今天我們繼續來分享一款基於HTML5的網頁圖表，它也是利用Canvas繪制的，但是和前面不同的是，這款圖表是餅狀圖，並且我們可以點擊右側的表格來選中激活當前的圖表數據，具體效果可以看DEMO演示 ...
HTML5 進階系列：canvas 動態圖表
前言 canvas 強大的功能讓它成為了 HTML5 中非常重要的部分，至於它是什么，這里就不需要我多作介紹了。而可視化圖表，則是 canvas 強大功能的表現之一。 現在已經有了很多成熟的圖表插件都是用 canvas 實現的，Chart.js、ECharts等可以制作出好看炫酷的圖表 ...
9款基於HTML5/SVG/Canvas的折線圖表應用
1、華麗的HTML5圖表 可展示實時數據 HTML5在圖表應用中也十分廣泛，比起以前的網頁圖表，HTML5圖表制作更便捷，功能更強大。這款HTML5圖表插件外觀十分華麗和專業，在數據展示方面也很有優勢，圖表不僅支持多維數據展示，而且支持區域選擇數據功能，利用該HTML5圖表可以更加方便地管理 ...
HTML5 canvas banner廣告編輯插件，canvas畫圖實例
請用谷歌或則火狐瀏覽器瀏覽！ DEMO演示：點擊演示 DEMO下載：點擊下載 利用HTML5 canvas中的canvas.toDataURL 可以對畫布進行輸出操作，可以利用這個特性做出圖像的裁剪功能 以前要做裁剪操作需要傳遞數據到后端，如PHP，利用相應的圖像操作函數操作保存！現在 ...
HTML5項目筆記9：HTML5 Canvas 的圖表報表開發
我們前面所涉及的離線數據庫、離線文件的操作，會話機制的控制，以及客戶端跨域數據同步、與服務端的交互，都可以很好的讓用戶在沒有網絡或者與服務端斷開鏈接的情況下進行正常的操作。但我們的這個離線系統的客戶中包含了很多的特定群體，如財務，會計、數據抽取人員，於是需要對數據報表和數據圖表一個很強有力支持 ...