您好,登錄后才能下訂單哦!
這篇文章主要講解了“ichartjs是什么”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“ichartjs是什么”吧!
ichartjs是一款基于html5的圖形庫。使用純JavaScript語言,利用html5的canvas標簽繪制各式圖形。ichartjs致力于為您的應用提供簡單、直觀、可交互的體驗級圖表組件。是WEB/APP圖表展示方面的解決方案。如果你正在開發html5的應用,ichartjs正好適合您。ichartjs目前支持餅圖、環形圖、折線圖、面積圖、柱形圖、條形圖。ichartjs是基于ApacheLicense2.0協議的開源項目。
ichartjs構建項目環境
由于ichartjs是一個js庫,所以只要將ichart.js加入你頁面的head中就完成了ichartjs的運行環境。代碼如下:
<scripttype="text/javascript"src="ichart.1.2.min.js"></script>
例子說明
我們利用2D柱形圖來展示HelloWorld的各個字母在字母表中的位置的情況。我們將位置抽象為其高度。來以我們的方式來展示一個不一樣的HelloWorld。
ichartjs代碼說明
//定義數據
vardata=[
{name:'H',value:7,color:'#a5c2d5'},
{name:'E',value:5,color:'#cbab4f'},
{name:'L',value:12,color:'#76a871'},
{name:'L',value:12,color:'#76a871'},
{name:'O',value:15,color:'#a56f8f'},
{name:'W',value:13,color:'#c12c44'},
{name:'O',value:15,color:'#a56f8f'},
{name:'R',value:18,color:'#9f7961'},
{name:'L',value:12,color:'#76a871'},
{name:'D',value:4,color:'#6f83a5'}
];
感謝各位的閱讀,以上就是“ichartjs是什么”的內容了,經過本文的學習后,相信大家對ichartjs是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。