Chartist 簡單且實用的網頁 SVG 圖表產生器

要在網頁產生長條圖、折線圖等圖表,可以在網頁引用 Chartist 這個專門用來產生圖表的 JavaScript library,透過引用,程式設計師只需撰寫產出符合 Chartist 規範的數據格式程式碼,剩下的就可交給 Chartist 前端圖表產生器自動產生,其支援下列圖表類型:

  • Bar Chart (stacked and horizontal including)
  • Line Chart
  • Pie Chart
  • Area Chart
  • Donut Chart
  • Gauge Chart
  • Line scatter Diagram
  • Animated SVG Path
  • Bi-Polar Line Chart
  • Timeseries
而產出的圖表,具有以下特色:
  • Extreme responsive configuration.
  • Label placement
  • Multi-line labels
  • Overlapping bars for mobile
  • Holes in data
  • CSS Animation
  • SVG Animation
  • Advanced SMIL Animations
  • Plugins support

 

創作者介紹
創作者 關鍵應用(痞客邦分站) 的頭像
KeyChtouch

關鍵應用(痞客邦分站)

KeyChtouch 發表在 痞客邦 留言(0) 人氣( 19 )