FusionCharts Suite XT是全面的跨平臺、跨瀏覽器JavaScript圖表套包，其中包括FusionCharts XT、PowerCharts XT 、FusionWidgets XT 、FusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至簡單的HTML頁面。它是你值得信賴的JavaScript圖表解決方案，目前在全球有45萬用戶選擇Fusioncharts來制作專業的JavaScript圖表。

點擊下載FusionCharts最新版

堆積圖
堆積圖類似于多系列圖，但是將數據集繪制在彼此的頂部，而不是多系列圖采用的群集并排放置。堆疊圖表有助于顯示兩個或多個數據系列的累積量。它們有助于將數據值表示為兩個或多個值的總和。每個數據系列都可以通過堆棧中其部分的顏色來區分。
FusionCharts Suite XT包括以下類型的堆疊圖表：

• 堆積柱二維圖
• 堆積列3D圖表
• 堆積面積二維圖
• 堆積條形二維圖
• 堆積條形圖3D圖表

堆積柱形二維圖表如下所示：

要以二維方式創建堆疊式柱狀圖，請執行以下步驟：

• 在JSON數據中，以"": ""格式設置屬性及其對應的值。
• 使用type屬性指定圖表類型。要渲染堆疊的2D柱形圖，請設置stackedcolumn2d。
• 使用renderAt屬性設置容器對象。
• 使用width和height屬性指定圖表的尺寸。
• 使用dataFormat屬性設置要傳遞給圖表對象的數據類型（JSON / XML）。

這樣創建的堆疊式二維柱狀圖如下所示：

要以3D形式顯示堆積的柱狀圖，請將type屬性的值從更改stackedcolumn2d為stackedcolumn3d。其余數據結構保持不變。
有關屬性的詳細列表，請參閱堆疊式3D圖表的圖表屬性頁面。
3D堆積柱形圖如下所示：

要以2D形式顯示堆積面積圖，請將type屬性的值從更改stackedcolumn3d為stackedarea2d。其余數據結構保持不變。

堆積條形二維圖

堆積條形圖3D圖表

顯示累計和

{
  "chart": {
    "showSum": "1"
  },
}

創建100％堆積圖

{
  "chart": {
    "stack100Percent": "1"
  },
}

在工具提示中顯示百分比值

{
  "chart": {
    "showPercentInTooltip": "1"
  },
}

想要購買FusionCharts Suite XT正版授權，或了解更多產品信息請點擊