[]
        
在线Demo 免费试用
(Showing Draft Content)

ECharts折线图

功能概述

折线图主要用来展示数据项随着时间推移的趋势或变化。

ECharts 折线图提供了开放的自定义属性自定义行为定制出更丰富的视觉效果,下图是部分示例:

image

ECharts-折线图图

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

ECharts折线图示例.zip

添加ECharts折线图

单击组件按钮展开列表,将ECharts折线图插件拖拽至编辑区,即可添加一个 ECharts 折线图

image

基本属性设置

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

图表类型

支持变形为折线图,面积图,堆叠面积图,百分比堆叠面积图。

image

图表类型

描述

示例

折线图

呈现为折线图

image

面积图

呈现为面积图

image

堆叠面积图

呈现为堆叠面积图,多个系列的数值会被堆叠显示

image

百分比堆叠柱状图

呈现为堆叠面积图,多个系列的数值会按照百分比堆叠显示

image

显示最大最小标注

打开显示标注开关后,可进一步设置是否显示最大/最小标注,标注颜色(默认跟随折线显示)以及标注字体。

image

显示缩放轴

image

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

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

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

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

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

提示标签坐标轴指示器

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

image

image

更多设置请参考组件外观与属性设置

数据绑定

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

将需要的字段拖拽至数据绑定区域,完成数据绑定。

image

数据绑定区域

说明

数值

绑定数值类字段,可绑定一个或多个字段。

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

分类

绑定组件的分析维度,可绑定一个字段。

系列

绑定组件分析的系列,扩展分类纬度,可绑定一个字段。

如果数值中已绑定多个字段,则不可绑定系列。

提示标签

提示标签是指当鼠标移至图形时,会出现相应的提示信息。使用方法详见鼠标提示标签

钻取

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

数据处理

将数据绑定到组件后,可以对字段和数据进行进一步配置处理,使其更符合使用场景的需要。

比如修改数据显示格式、字段重命名、级联显示效果。

或者进行数据的聚合运算(合计、平均数、最大值、最小值、计数)、快速运算(排名运算、占比运算、累计运算、移动运算、以及基于日期的同环比运算等)。

具体操作请详见数据处理

image2022-1-14_15-55-31.png

image

数据探索与分析

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

比如聚焦组件,为组件添加批注、过滤器、排序排名、格式化预警、参考线、趋势分析等等。具体介绍,请见数据探索与分析

image