动态排序条形图

动态排序条形图可将某段时间的数据从大到小进行排序，可用于体现一段时间内各个数据项的数值变化。

效果案例

配置

基础属性

组件位置：包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。

组件尺寸：包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高。再次单击进行解锁，解锁后宽高比不受限制。比例锁默认不锁定。

旋转：以组件的中心为中心点，进行旋转，单位为度（°）。手动输入角度值，控制组件的旋转角度；

• 单击图标，控制组件左右翻转样式；
• 单击图标，控制组件上下翻转样式。

透明：取值范围为0~100%。为0%时，组件隐藏；为100%时，组件完全显示。默认为100%。

组件属性

全局

在全局中支持配置组件边距、背景色、条形数量、条形样式、标题、数值标签等样式。

边距
条形图图表距离整个组件四边（上、下、左、右）的边距

背景色
背景颜色的设置。

柱状样式

数值标签

数值标签

标题
在标题中可配置主副标题的内容、样式和位置。

坐标轴

X轴
支持对柱状图的x轴显隐、样式编辑

Y轴
支持对柱状图的Y轴显隐、样式编辑

时间轴

边距
时间轴距离整个组件下、左、右的边距。

当前选中
选定图表初始预览时所在的时间节点，为空时，默认为第一个。

轴线
时间轴线的样式，可配置其线样式、颜色和粗细。已经过的轴线可单独配置其线样式——【进度条样式】。

轴标签

图形

控制按钮

自动播放

实时更新
开启后，预览时拖动当前选中，经过其余时间节点时，图表实时更新；关闭后，在鼠标停止拖动后，图表才会更新至拖动后所在点的时间节点的数据。

开启：

关闭：

系列

当图表数据存在多类型展示需求时，组件默认将数据划分成多个系列，用户可通过对各系列数据进行自定义数据映射，从而完成对每个系列配置相应样式。
数据系列

映射规则：

1. 字段名全为空时，所有系列配置进行循环；
2. 若匹配到字段名则对应的系列样式更改，其余为空的字段名的系列，循环字段名为空的配置；
3. 字段名有空时，字段名匹配不到的所属样式不参与循环；
4. 若字段名全部填满，则将所有系列配置放入循环；
5. 当字段名相同且能匹配到时，后面的会覆盖前面的；

装饰
可在柱子的首端、末端或中间位置配置装饰，丰富柱状图的样式。开启后【图例】无【点击交互】配置，且【工具栏】【工具】只保留【保存图片】。

• 支持图片、svg自定义样式。
• 可更改其尺寸。
• 可设置垂直偏移的距离。

数据

组件数据格式

静态数据-JSON数据案例

[
    {
        "no": "",
        "time": "2020",
        "category": "类型1",
        "categoryTitle":"",
        "value": 75
    }
]

交互

支持配置鼠标点击事件：
当点击柱体时，触发交互事件：设置大屏变量、打开超链接、设置可见、移动、设置JS事件、设置面板状态。