您可以不寫一行代碼就能快速的讓VARCHART XGantt控件適應您的客戶的各種需求，其強大的功能可與Microsoft的project系列產(chǎn)品媲美選擇正確的可視化工具，VARCHART XGantt AnyChart AnyChart是基于FlashJavaScript HTML5 的圖表；用canvas吧 html5的 很好弄這個，我用它做了個路由器流量監(jiān)控的 也是模仿任務管理器的曲線圖 看圖每幅圖3個canvas標簽，顯示的圖像=背景色+另外兩個的圖像 一個是純黑色背景，每次刷新都全部覆蓋掉，再把下兩個貼。

只用html的話應該比較困難 想要實時顯示一般要用到樓上說的Ajax和后臺腳本語言例如aspphp，用來后臺查詢數(shù)據(jù)，還有數(shù)據(jù)庫用來存放采集過來的數(shù)據(jù)，嫌數(shù)據(jù)庫麻煩的話可以用文本文件代替畫簡單折線圖的話可以用html5的；在右邊在繪制一條直線角度和右邊的棱大約25°，要稍微短一些，然后連接在右邊在繪制一條直線角度和右邊的棱大約35°例子如下lt！DOCTYPE HTML lthtml lttitlecanvas testlttitle lthead ltstyle canvas width8。

html曲線圖怎么做

1、Highcharts是一款純JavaScript編寫的圖表庫，為你的Web網(wǎng)站W(wǎng)eb應用程序提供直觀交互式圖表當前支持折線曲線區(qū)域區(qū)域曲線圖柱形圖條形圖餅圖散點圖角度測量圖區(qū)域排列圖區(qū)域曲線排列圖柱形排列圖。

2、2個人博客項目HTML5+CSS，個人博客是涉及前端領域的第一個項目，運用前端基礎知識，培養(yǎng)項目思維3企業(yè)網(wǎng)站，強化對HTML+CSS+PS切圖各種布局等初期所學全部知識的綜合應用，培養(yǎng)遇到問題時的分析與調(diào)試能力4。

3、Paperjs 是一個開源的向量圖形腳本框架，基于 HTML5Canvas 開發(fā)提供清晰的場景圖DOM和大量強大的功能用來創(chuàng)建各種向量圖和貝塞爾曲線10 AmCharts AmCharts 是個高級圖表庫，適用于所有數(shù)據(jù)的可視化AmCharts 包括。

4、有什么好用的畫函數(shù)方程圖像的軟件 我一般用的都是Origin，比較方便，可以達到你的要求。

h5如何設計曲線變形動畫

使用原生js自己寫或js庫框架都是可以的，由于目前HTML5并不是所有的瀏覽器都完美支持，使用兼容性比較好的js庫是個不錯的選擇例如Highcharts圖標庫就可以實現(xiàn)各類曲線圖折線圖區(qū)域圖3D圖柱狀圖等等具體使用。

1創(chuàng)建一個 canvas 元素 2利用 bezierCurveTo 這個方法來畫該曲線由于這個方法相關參數(shù)難以確定，我同樣選擇了一個 工具 來獲取所需要的具體參數(shù)數(shù)值至此，我們就得到了我們想要的曲線了How to Draw Quadratic Curves。

ChartJS Chartjs 是一個令人印象深刻的 JavaScript 圖表庫，建立在 HTML5 Canvas 基礎上目前，它支持6種圖表類型折線圖，條形圖，雷達圖，餅圖，柱狀圖和極地區(qū)域區(qū)而且，這是一個獨立的包，不依賴第三方。

根據(jù)現(xiàn)場的 CAD 圖鳥瞰圖設備三視圖等資料進行還原外觀建模，通過 HT 實現(xiàn)可交互式的 Web 三維場景，可進行縮放平移旋轉(zhuǎn)，場景內(nèi)各設備可以響應交互事件HT 工業(yè)互聯(lián)網(wǎng)圖形組態(tài)可視化，基于純 HTML5CanvasWebGL。

步驟6 更多 HTML5 畫布提示 可以使用一系列屬性shadowColorshadowBlurshadowOffsetX 和 shadowOffsetY應用陰影 可以使用 createPattern 方法作為一種模式重復畫布中的元素 可以使用 save 方法保存畫布狀態(tài)，然后執(zhí)行更改，再使用。

它的圖表類型自然也是很豐富啦，線圖柱形圖餅圖散點圖儀表圖雷達圖熱力圖混合圖等類型的圖表都可以制作，也可以制作實時更新的曲線圖Highcharts對非商用免費，對于個人網(wǎng)站，學校網(wǎng)站和非盈利機構，可以不經(jīng)過。

HighchartsHighcharts 推出于2009年，是一個用純JavaScript編寫的一個圖表庫，支持折線曲線區(qū)域區(qū)域曲線圖柱形圖條形圖餅圖散點圖角度測量圖區(qū)域排列圖區(qū)域曲線排列圖柱形排列圖極坐標圖等圖表類型。