垂直甘特图该如何建立，附免费试用版

总览

在AnyChart中，您能够经过切换轴的方向以垂直方向绘制图表。大多数类型的系列都支持此功能-请参阅“ 支持的类型”部分。

本文介绍了如何建立垂直图表以及如何动态更改图表的方向。

快速开始

要建立垂直图表，请使用如下三个图表构造函数之一：

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

它们之间没有本质区别：它们只是切换轴的方向，垂直绘制X轴，水平绘制Y轴。

您能够将数据传递到图表构造函数以建立一系列相同类型的数据。或者，您能够手动指定系列类型。若是系列的类具备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);

注意：要旋转像Mekko或Mosaic之类的图表，您应该一个接一个地旋转和与轴。所以，请使用isVertical（）方法和orientation（）方法。

支持的类型

如下是受支持的垂直图表的列表：

• 条形（垂直列）
• 范围栏（垂直列）
• 垂直面积
• 立式吧台
• 立式盒
• 垂直气泡
• 立式日本烛台
• 垂直跳线
• 垂直HiLo
• 垂线
• 垂直标记
• 垂直梅科
• 垂直马赛克
• 垂直OHLC
• 垂直范围
• 垂直范围样条区域
• 垂直范围步进面积
• 垂直花键
• 垂直花键面积
• 垂直台阶面积
• 垂直阶梯线
• 立杆