點擊獲取SpreadJS v15.0官方正式版下載

SpreadJS提供圖表功能，有28種圖表 類型，和SpreadJS的形狀功能一樣，使用該功能需要引用圖表的JS文件。

圖表組成：

1. 圖表區Area
2. 表題Title
3. 系列 Series（可用于組合圖）
4. 圖例Legend
5. 數據標簽DataLabels
6. 坐標軸Axes圖表組成中的每個區域都可以獲取設置一些屬性，例如背景顏色、字體、標題等等。

柱狀圖/條形圖：

應用場景：適用于二維數據集，每個數據點有兩個值，例如下圖統計的2017、2018年Github上使用語言的占比統計，每個統計值在X軸上對應編程語言，在Y軸上對應于所占百分比，可以利用柱子的高度，反應數據的差異。

SpreadJS提供三種柱狀圖，簇狀柱形圖、堆積柱形圖、百分比堆積柱形圖。

如圖所示是一個簇狀柱狀圖：

百分比堆積柱形圖，方便于對比2017、2018兩年的差異：

堆積柱形圖，方便于查看兩年綜合的使用情況：

點擊按鈕可以進行相關的操作，刪除、清空、新增表格。選中一片單元格的區域，點擊新增圖表，可根據所選中內容生成一個柱狀圖：

條形圖與柱狀圖類似：

折線圖：

適用場景：適用于查看相等時間間隔里數據的變化趨勢。

SpreadJS提供6種折線圖，普通折線圖、堆積折線圖、百分比堆積折線圖、數據點折線圖、數據點堆積折線圖、數據點百分比堆積折線圖。轉變數據的行列，可以看出每種語言在Github上使用情況的趨勢對比。

餅圖：

適用場景：顯示各項的大小與各項總和的比例。

SpreadJS支持餅圖、圓環圖，餅圖只能顯示一年的占比情況：

使用圓環圖可看每年的數據：

面積圖：

適用場景：用來繪制隨著時間變化的變化圖，主要突出數值之和的總體趨勢。

以下面積圖展示了幾大州人口的變化趨勢：

SpreadJS | 下載試用

純前端表格控件SpreadJS，兼容 450 種以上的 Excel 公式，具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受華為、蘇寧易購、天弘基金等行業龍頭企業的青睞，并被中國軟件行業協會認定為“中國優秀軟件產品”。SpreadJS 可為用戶提供類 Excel 的功能，滿足表格文檔協同編輯、 數據填報、 類 Excel 報表設計等業務場景需求，極大的降低企業研發成本和項目交付風險。

本文轉載自