91人妻人人澡,日本三级免费自拍,在线看成人电影

AnyGantt使用教程：如何創(chuàng)建和配置3D圖表

翻譯|使用教程|編輯：楊鵬連|2021-01-11 10:17:01.633|閱讀 235 次

概述：AnyChart支持以下圖表類型的3D版本：面積，條形圖，柱形圖，折線圖和餅圖。這些類型的某些修改也可以在3D中繪制-請(qǐng)參閱“支持的類型”部分。本文介紹了如何創(chuàng)建和配置3D圖表。

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

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

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

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

模組

大多數(shù)3D圖表需要添加Core和Basic 3D模塊：
<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é)合使用：

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

快速開始

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

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

您可以將數(shù)據(jù)傳遞到圖表構(gòu)造函數(shù)，也可以使用以下方法之一創(chuàng)建一系列數(shù)據(jù)：

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();

特殊設(shè)定

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);

Z-Aspect

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%"");

Z分布

一系列多系列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);