日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

如何使用AnyGantt创建和配置3D图表

發(fā)布時間:2023/12/29 编程问答 41 豆豆
生活随笔 收集整理的這篇文章主要介紹了 如何使用AnyGantt创建和配置3D图表 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

AnyGantt是基于JavaScript的高級解決方案,用于構建復雜且信息豐富的甘特圖。它完全跨瀏覽器和跨平臺,可用于ASP.NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails或簡單的HTML頁面。

點擊下載AnyGantt正式版

3D圖表

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

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

模組

大多數(shù)3D圖表需要添加Core和Basic 3D模塊:

3D Pie和Donut圖表需要將Core模塊與Pie和Donut結合使用:

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

快速開始

要創(chuàng)建3D圖表,請使用以下圖表構造函數(shù)之一:
anychart.area3d()
anychart.bar3d()
anychart.column3d()
anychart.pie3d()
anychart.line3d()
您可以將數(shù)據(jù)傳遞到圖表構造函數(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();

特殊設定

Z-Angle

可以從不同的角度顯示3D圖表:要設置角度,請對除3D Pie以外的任何3D圖表使用zAngle()方法。
注意:用作參數(shù)的值應在0到90的范圍內(nèi)。默認情況下,角度為45°。
在以下示例中,有一個3D柱形圖,其Z角設置為20°。
// configure the z-angle of the chart
chart.zAngle(20);

Z-Aspect

3D圖表的深度可能有所不同:要進行設置,請對除3D Pie之外的任何3D圖表使用zAspect()方法。

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

在下面的示例中,有一個3D柱形圖,其Z縱橫比設置為100%(還配置了Z角):
// configure the z-aspect of the chart
chart.zAspect(“100%”");

Z分布

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

要啟用或禁用Z軸分布,請調(diào)用zDistribution()方法并使用true或false作為參數(shù)(禁用Z軸分布時,序列會沿X軸分布)。

默認分布取決于您使用的圖表構造函數(shù)。對于anychart.bar3d()和anychart.column3d(),它是X分布。對于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線
對本教程感興趣的朋友可以下載AnyGantt試用版免費體驗哦~更多產(chǎn)品信息請咨詢【在線客服】>>>
APS是慧都科技15年行業(yè)經(jīng)驗以及技術沉淀之作,通過連接企業(yè)接單、采購、制造、倉儲物流等整個供應鏈流程,幫助提升企業(yè)生產(chǎn)效率。

想要購買AnyGantt正版授權或慧都APS系統(tǒng),或了解更多產(chǎn)品信息請點擊【咨詢在線客服】

總結

以上是生活随笔為你收集整理的如何使用AnyGantt创建和配置3D图表的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。