3Dチャートチュートリアルの作成と構成

AnyGanttは、複雑で有益なGanttチャートを作成するための高度なJavaScriptベースのソリューションです。完全にクロスブラウザおよびクロスプラットフォームであり、ASP.NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails、または単純なHTMLページに使用できます。

AnyGanttの公式バージョンをダウンロードするにはクリックしてください

3Dチャート

AnyChartは、エリア、棒グラフ、縦棒グラフ、線グラフ、円グラフの3Dバージョンのグラフをサポートしています。これらのタイプの一部の変更は、3Dで描画することもできます。「サポートされているタイプ」セクションを参照してください。

この記事では、3Dチャートを作成および構成する方法について説明します。

モジュール

大求3D図表需要兼コア和基本3D模块：
<script src = " https://cdn.anychart.com/releases/8.9.0/js/anychart-core.min.js"> </ script> ;
<script src = " https://cdn.anychart.com/releases/8.9.0/js/anychart-cartesian-3d.min.js"> </ script> ;

3Dパイおよびドーナツチャートは、パイおよびドーナツと組み合わせてコアモジュールを使用する必要があります。

これらの2つのモジュールは基本モジュールに含まれているため、3Dパイチャートとドーナツチャートの作成にも使用できます。

クイックスタート

3Dチャートを作成するには、次のチャートコンストラクターのいずれかを使用します
。anychart.area3d（）
anychart.bar3d（）
anychart.column3d（）
anychart.pie3d（）
anychart.line3d（）
チャートコンストラクターにデータを渡すこともできます。：あなたは、次のいずれかの方法で使用して一連のデータを作成することができます
エリア（）
バー（）
コラム（）
行（）
）たLine2Dを（
それが見えます。このように：
データ作成//
VARデータを= [
[「1月」、10000]、
[ "2月"、12000]、
[" 3月 "、18000]、
[" 4月 "、11000]、
[" 5月 "、9000]
];

// 3D
縦棒グラフを作成しますchart = anychart.column3d（）;

//列シリーズを作成し、データを設定します
var series = chart.column（data）;

//コンテナIDを設定します
chart.container（ "container"）;

//チャートの描画を開始し
ますchart.draw（）;

3Dチャートチュートリアルの作成と構成
特別な設定
Z-Angle

3Dチャートはさまざまな角度から表示できます。角度を設定するには、3D Pieを除くすべての3DチャートでzAngle（）メソッドを使用してください。
注：パラメーターとして使用される値は、0から90の範囲である必要があります。デフォルトでは、角度は45°です。
次の例では、Z角度が20°に設定された3D縦棒グラフがあります。
//チャートのz角度を設定します
chart.zAngle（20）;

Zアスペクト

3Dチャートの深さは異なる場合があります。設定するには、3D Pieを除くすべての3DチャートにzAspect（）メソッドを使用します。

注：深さ（ピクセル（デジタル値）またはパーセンテージ（文字列値））を設定できます。

以下の例では、Zアスペクト比が100％に設定された3D縦棒グラフがあります（Z角度も設定されています）。//
チャート
chart.zAspect（ "100％" "）;のzアスペクトを設定します。
Z分布
一連のマルチシリーズ3Dチャートは、Z軸またはX軸に沿って分布できます。

Z軸の分散を有効または無効にするには、zDistribution（）メソッドを呼び出し、パラメーターとしてtrueまたはfalseを使用します（Z軸の分散が無効の場合、シーケンスはX軸に沿って分散されます）。

デフォルトの分布は、使用するチャートコンストラクターによって異なります。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チャートのリストは次のとおりです
。3Dエリア
3Dカラム
3Dカラム
3Dドーナツ
3Dパイ
3Dライン3D2D
ライン
このチュートリアルに興味のある友達は、AnyGantt試用版を無料でダウンロードできます〜製品情報の詳細については、[オンラインカスタマーサービス】>>>
APSは、Huidu Technologyの15年にわたる業界での経験と技術の蓄積によるものであり、企業の注文、購入、製造、倉庫保管、ロジスティクスのサプライチェーンプロセス全体を接続することにより、会社の生産効率の向上に役立ちます。

AnyGantt純正ライセンスまたはHuiduAPSシステムを購入する場合、または製品情報の詳細については、[オンラインカスタマーサービスに相談する]をクリックしてください。