页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

Title_font
Name图形标识

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

设置图形的具体名称。

预览效果

先设置图形标识为“横条图123”,再设置跳转规则的时候,选择 图形,则可以在“图形”查找已有图形标识的图形。



Title_font
Name图形数据动态变化

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

设置图形输出时,图形数据是否随着当前页的数据改变而改变,还是直接显示全部数据。

预览效果

设置图形数据动态变化为“当前页数据”,则切换页数时,图形的数据随之改变,如下:

  • 当前页数为“1”,显示第一页的数据与图形。
  • 当前页数为“2”,显示第二页的数据与图形。

设置图形数据动态变化为“全部数据”,则无论切换至哪一页,图形都显示全部数据,如下:

  • 当前页数为“1”,图形显示全部数据
  • 当前页数为“2”,图形还是显示全部数据。

 

 

Title_font
Name图形输出行数

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

设置图形输出的行数,可与“图形数据动态变化”结合使用。

  • 系统设置:当“当前页数据”或“全部数据”中的数据行数超过100行时,图像输出行数默认为100行。
  • 不限制:不限制图形输出行数。
    当“图形数据动态变化”选择 当前页数据 时,若当前页数据有200行,则输出200行;
    当“图形数据动态变化”选择 全部数据 时,若全部数据有2154行,则输出2154行。
  • 自定义:自定义图形输出的行数。

预览效果

系统设置:

不限制:

选择 当前页数据

选择 全部数据

自定义:



Title_font
Name图形主题

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

选择已有“图形主题”为图形设置主题,鼠标移至右侧“效果图”可观看图形主题的效果图;支持自定义主题,可在 公共设置 > 图形主题 中进行设置。

Image RemovedImage Added

预览效果

设置两种不同的图形主题效果对比,如下:

 

 

Title_font
Name排序

勾选排序后,可设置排序顺序和排序指标。

 

 

Title_font
Name排序顺序

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

设置排序顺序是升序还是降序。

因为排序顺序和排序指标为默认勾选,所以设置排序顺序前需要先选定排序的指标。

  • 升序:按照数据从低到高排列。
  • 降序:按照数据从高到低排列。

预览效果

将“销售量”作为排序指标,设置排序顺序为“升序”和“降序”的效果对比,如下:



Title_font
Name排序指标

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

属性说明

设置排序的指标,并可以显示前几名,不填则代表显示全部。

预览效果

设置排序顺序为“降序”,排序指标为“销售量”,显示前3名和前5名的效果对比,如下:

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录