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

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

html曲線圖怎么做

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

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

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

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

h5如何設(shè)計(jì)曲線變形動(dòng)畫(huà)

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

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

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

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

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

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

HighchartsHighcharts 推出于2009年，是一個(gè)用純JavaScript編寫(xiě)的一個(gè)圖表庫(kù)，支持折線曲線區(qū)域區(qū)域曲線圖柱形圖條形圖餅圖散點(diǎn)圖角度測(cè)量圖區(qū)域排列圖區(qū)域曲線排列圖柱形排列圖極坐標(biāo)圖等圖表類型。