[]
        
(Showing Draft Content)

ECharts组合图

功能概述

组合图将两种图表类型组合在一起,让数据更容易理解。

ECharts 组合图插件与内置的组合图组件不同,它可以通过开放的自定义属性定制出更丰富的视觉效果,下图是部分示例:

ECharts组合图2

image

示例文件包:可下载后直接导入系统参考查看。

ECharts组合图示例.zip

添加ECharts组合图插件

单击可视化插件按钮展开插件列表,然后在 ECharts 插件中将组合图插件拖拽至编辑区,即可添加一个 ECharts 组合图插件。

image

数据绑定

添加图表后,数据绑定面板会自动打开,在数据绑定面板中选择数据集或数据模型

示例中我们使用的是一个数据集。

image

将数据集或模型中的字段拖拽到组件的各个绑定区域完成数据绑定,在左侧编辑区可见组件已经按照绑定的字段进行了绘制。

image

数据绑定区域

说明

左值轴

可绑定一个或多个字段。

如果已经在系列区域绑定了字段,则此数值轴将无法绑定多个字段。

右值轴

可绑定一个或多个字段。

如果已经在系列区域绑定了字段,则此数值轴将无法绑定多个字段。

分类

最多可绑定一个字段。

系列

最多可绑定一个字段。

如果左值轴或右值轴绑定了多个字段,则系列区域将无法绑定字段。

钻取

设置组件数据钻取路径,详见数据钻取

数据处理

ECharts 插件与内置图表类似都可进行数据处理,如对数据进行聚合运算,修改数据的显示格式和单位等等,使其更符合使用场景的需要。

数据处理详细操作介绍请参考数据处理

数据探索与分析

ECharts 插件同样支持丰富的数据探索分析能力,可为您的数据可视化分析过程提供强有力的支撑。

比如为组件添加过滤器、排名筛选、切换类型、添加参考线等等。

有关具体操作的介绍,请参考数据探索与分析中对应的介绍。

image

基本属性外观设置

在编辑区右侧选择属性设置或者双击该图表,打开属性设置面板可进行图表外观属性的设置。

image


绝大部分的属性设置项目与内置图表一致,请参考单个组件外观与属性设置。本文中主要举例介绍不同的属性设置项。

显示缩放轴

image

  • 显示缩放轴: 开启后将在图表中显示缩放轴。

  • 缩放轴尺寸: 设置缩放轴的宽度。

  • 缩放轴默认长度: 设置预览图表时缩放轴默认显示的长度,也就决定了默认显示的数据数量。

  • 缩放轴颜色: 设置缩放轴的颜色。

  • 启用滚动缩放: 是否开启鼠标滚轮控制缩放轴功能。开启后,预览图表时无需拖动缩放轴,使用鼠标滚动即可进行缩放。

提示标签坐标轴指示器

用于开启鼠标提示时对应的坐标数据和指示线,开启后可进一步设置指示器类型、直线类型/颜色/宽度。

image

image