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

點擊下載AnyGantt正式版

總覽

在AnyChart中，您可以通過切換軸的方向以垂直方向繪制圖表。大多數類型的系列都支持此功能-請參閱“ 支持的類型”部分。

本文介紹了如何創建垂直圖表以及如何動態更改圖表的方向。

快速開始

要創建垂直圖表，請使用以下三個圖表構造函數之一：

• anychart.vertical（）
• anychart.verticalArea（）
• anychart.verticalLine（）
• anychart.bar（）

您可以將數據傳遞到圖表構造函數以創建一系列相同類型的數據。或者，您可以手動指定系列類型。如果系列的類具有isVertical（）方法，則該系列支持垂直方向。例如，這是Line系列的isVertical（）方法。您還可以查看本文的“ 支持的類型”部分。

在下面的示例中，由splineArea（）和spline（）方法創建了兩個系列，即Spline Area和Spline，圖表構造函數為anychart.vertical（）：

// create a data set
var data = anychart.data.set([
  ["January", 10000, 12500],
  ["February", 12000, 15000],
  ["March", 13000, 16500],
  ["April", 10000, 13000],
  ["May", 9000, 11000]
]);

// map the data
var seriesData_1 = data.mapAs({x: 0, value: 1});
var seriesData_2 = data.mapAs({x: 0, value: 2});

// create a chart
chart = anychart.vertical();

// create the first series (bar)
var series1 = chart.splineArea(seriesData_1);

// create the second series (spline)
var series2 = chart.spline(seriesData_2);

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

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

系列

創建序列后，可以通過調用isVertical（）方法并將其參數設置為trueor 來即時更改其方向false（例如，這是Line系列的isVertical（）方法）。

注意：此設置僅影響系列，而不影響軸。

在以下示例中，此方法用于在同一圖表上繪制兩個水平（區域）和垂直（條形）序列：

// create a chart
chart = anychart.area();

// create the first series
var series1 = chart.area(seriesData_1);

// create the second series
var series2 = chart.area(seriesData_2);

// create the third series
var series2 = chart.column(seriesData_3);

// change the orientation of the third series to vertical
chart.getSeriesAt(2).isVertical(true);

要使用基本的笛卡爾圖表即時切換整個圖表的方向，您可以簡單地使用isVertical（）方法。

// create a chart
chart = anychart.line();

// change the orientation of the chart
chart.isVertical(true);

支持的類型

以下是受支持的垂直圖表的列表：

• 條形（垂直列）
• 范圍欄（垂直列）
• 垂直面積
• 立式吧臺
• 立式盒
• 垂直氣泡
• 立式日本燭臺
• 垂直跳線
• 垂直HiLo
• 垂線
• 垂直標記
• 垂直梅科
• 垂直馬賽克
• 垂直OHLC
• 垂直范圍
• 垂直范圍樣條區域
• 垂直范圍步進面積
• 垂直花鍵
• 垂直花鍵面積
• 垂直臺階面積
• 垂直階梯線
• 立桿

APS是慧都科技15年行業經驗以及技術沉淀之作，通過連接企業接單、采購、制造、倉儲物流等整個供應鏈流程，幫助提升企業生產效率。