AnyGantt是基于JavaScript的高級(jí)解決方案，用于構(gòu)建復(fù)雜且信息豐富的甘特圖。它完全跨瀏覽器和跨平臺(tái)，可用于ASP.NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails或簡(jiǎn)單的HTML頁(yè)面。

點(diǎn)擊下載AnyGantt正式版

3D圖表
AnyChart支持以下圖表類(lèi)型的3D版本：面積，條形圖，柱形圖，折線圖和餅圖。這些類(lèi)型的某些修改也可以在3D中繪制-請(qǐng)參閱“支持的類(lèi)型”部分。

本文介紹了如何創(chuàng)建和配置3D圖表。

模組

大多數(shù)3D圖表需要添加Core和Basic 3D模塊：
&lt;script src="http://cdn.anychart.com/releases/8.9.0/js/anychart-core.min.js"></script>
<script src="http://cdn.anychart.com/releases/8.9.0/js/anychart-cartesian-3d.min.js"><;/script>

3D Pie和Donut圖表需要將Core模塊與Pie和Donut結(jié)合使用：

<;script src="http://cdn.anychart.com/releases/8.9.0/js/anychart-core.min.js"></script>
<script src="http://cdn.anychart.com/releases/8.9.0/js/anychart-pie.min.js"&gt;</script>

這兩個(gè)模塊包含在基本模塊中，因此也可以用于創(chuàng)建3D Pie和Donut圖表：

<script src="http://cdn.anychart.com/releases/8.9.0/js/anychart-base.min.js"></script>

快速開(kāi)始

要?jiǎng)?chuàng)建3D圖表，請(qǐng)使用以下圖表構(gòu)造函數(shù)之一：

• anychart.area3d（）
• anychart.bar3d（）
• anychart.column3d（）
• anychart.pie3d（）
• anychart.line3d（）

• area()
• bar()
• column()
• line()
• line2d()

// create data
var data = [
  ["January", 10000],
  ["February", 12000],
  ["March", 18000],
  ["April", 11000],
  ["May", 9000]
];

// create a 3d column chart
chart = anychart.column3d();

// create a column series and set the data
var series = chart.column(data);

// set the container id
chart.container("container");

// initiate drawing the chart
chart.draw();

Z-Angle

可以從不同的角度顯示3D圖表：要設(shè)置角度，請(qǐng)對(duì)除3D Pie以外的任何3D圖表使用zAngle（）方法。
注意：用作參數(shù)的值應(yīng)在0到90的范圍內(nèi)。默認(rèn)情況下，角度為45°。
在以下示例中，有一個(gè)3D柱形圖，其Z角設(shè)置為20°。

// configure the z-angle of the chart
chart.zAngle(20);

3D圖表的深度可能有所不同：要進(jìn)行設(shè)置，請(qǐng)對(duì)除3D Pie之外的任何3D圖表使用zAspect（）方法。

注意：可以設(shè)置深度（以像素（數(shù)字值）或百分比（字符串值））。

在下面的示例中，有一個(gè)3D柱形圖，其Z縱橫比設(shè)置為100％（還配置了Z角）：

// configure the z-aspect of the chart
chart.zAspect("100%"");

一系列多系列3D圖表可以沿Z軸或沿X軸分布。

要啟用或禁用Z軸分布，請(qǐng)調(diào)用zDistribution（）方法并使用true或false作為參數(shù)（禁用Z軸分布時(shí)，序列會(huì)沿X軸分布）。

默認(rèn)分布取決于您使用的圖表構(gòu)造函數(shù)。對(duì)于anychart.bar3d（）和anychart.column3d（），它是X分布。對(duì)于anychart.area3d（）和anychart.line3d（），它是Z分布。

這是啟用了Z軸分布的示例3D柱形圖：

// create a 3d column chart
chart = anychart.column3d();

// enable the z-axis distribution
chart.zDistribution(true);

// create series (column) and set the data
var series1 = chart.column(seriesData_1);
var series2 = chart.column(seriesData_2);
var series3 = chart.column(seriesData_3);

以下是受支持的3D圖表的列表：

• 3D區(qū)域
• 3D欄
• 3D柱
• 3D甜甜圈
• 3D派
• 3D線
• 3D 2D線

APS是慧都科技15年行業(yè)經(jīng)驗(yàn)以及技術(shù)沉淀之作，通過(guò)連接企業(yè)接單、采購(gòu)、制造、倉(cāng)儲(chǔ)物流等整個(gè)供應(yīng)鏈流程，幫助提升企業(yè)生產(chǎn)效率。