3d Area Chart

Introduction

The 3d area chart inherits most of its configuration items from the 2d area chart. It is obtained by adding zField mapping and the z-axis to the 2d line chart.

Chart Composition

The area chart consists of point elements, line elements, axes, and other components.

Point elements and line elements are the basic components of an area chart, and the related drawing configurations are essential:

• areaChart.type: Chart type; the area chart's type is 'area'
• areaChart.data: Data source for chart drawing
• areaChart.xField: Continuous time interval or ordered category field, mapping the x-coordinate of the element
• areaChart.yField: Value field, mapping the y-coordinate of the element
• areaChart.zField: Value field, mapping the z-coordinate of the element

Axes, tooltips, and other components that assist in chart display are optional configurations with default effects and functions:

• areaChart.axes: Axis component, default is to display and automatically infer the coordinate system and data mapping logic according to the chart type. For detailed configuration, see VChart Axis Component Configuration
• areaChart.tooltip: Tooltip, default is displayed during interaction. For detailed configuration, see VChart Tooltip Component Configuration
• For more component configurations, see VChart areaChart Configuration

As a 3d chart, the 3d area chart requires enabling the 3d view. Configure the 3d view in the vchart initialization parameters:

• options3d.enable: Enable the 3d view
• options3d.enableView3dTransform: Support for 3d free transform

Quick Start

For other configurations, please refer to