前言
canvas 強(qiáng)大的功能讓它成為了 HTML5 中非常重要的部分,至于它是什么,這里就不需要我多作介紹了。而可視化圖表,則是 canvas 強(qiáng)大功能的表現(xiàn)之一。
現(xiàn)在已經(jīng)有了很多成熟的圖表插件都是用 canvas 實(shí)現(xiàn)的,Chart.js、ECharts等可以制作出好看炫酷的圖表,而且?guī)缀醺采w了所有圖表的實(shí)現(xiàn)。
有時(shí)候自己只想畫(huà)個(gè)柱狀圖,自己寫(xiě)又覺(jué)得麻煩,用別人插件又感覺(jué)累贅,最后打開(kāi)百度,拷段代碼,粘貼上來(lái)修修改改。還不如自己擼一個(gè)呢。
原文作者:林鑫,作者博客:https://github.com/lin-xin/blog
效果
動(dòng)畫(huà)效果圖片顯示不出來(lái),可以到最下面找demo地址