You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们
导航

折线图

最近更新时间2021.09.22 14:37:26

首次发布时间2021.09.22 14:37:26

一、概述

折线图非常适合表现数据随时间变化的趋势,大屏支持折线图展示。

二、快速入门

选择组件-图表中的折线图,大屏中心将出现一个折线图组件

image.png

在右侧编辑栏的数据中选择数据源,并配置轴、图例和指标值

image.png

配置折线图样式

image.png

调整折线图大小和位置

三、功能介绍

样式-整体视觉

色彩

在“色彩”一栏中,可以预设图例的色彩搭配。如图所示,有2个图例项,第一个图例取了色彩中的第一个颜色,第二个图例取了色彩中的第二个颜色。

image.png

折线样式

配置折线图的平滑程度和数据点样式

image.png

动画

选择折线图的展示动效和轮播间隔,通过动画来展示折线图数据,支持向右伸展。

image.png

样式-图内元素

image.png

图例: 设置图例的示意形状、位置、字体等,如不需显示图例可取消勾选

值标签: 设置标签的位置、字体等,如不需要标签可取消勾选

轴设置: 可点击切换X轴与Y轴分别配置,设置轴标签、标题、轴线和轴网格线、Y轴数据格式等

数据

数据来源

参考 大屏-数据接入 模块

轴&图例&值&筛选

image.png

选定数据源后,可以在下方配置折线图的元素。

可以将右侧显示出的,来自数据源的维度和指标拖拽入对应区域,配置成轴/图例/值/筛选字段。

  • 轴:柱状图X轴上的数据来源于“轴”中的字段
  • 图例:图例项来源于“图例”中的字段,在轴的基础上对数值进行了二次分类
  • 值:指标字段
  • 筛选:将作为筛选条件的字段拖拽入“数据筛选”一栏后,即可设置筛选条件。维度字段、指标字段、日期字段在筛选操作上有细微的区别,可以参考维度筛选指标筛选日期筛选

点击轴/图例/值中字段胶囊左侧小三角,还可以设置字段信息、字段聚合方式、字段格式等,可参考 可视化查询-字段配置