页面树结构

版本比较

标识

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

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}

属性说明

当图表类型为线图时,可设置曲线是否平滑。

预览效果

设置与不设置“平滑曲线”效果对比,如下:



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}

属性说明

设置鼠标选中饼图扇区时饼图的动画效果。

预览效果

不可选:点击饼图扇区无动画效果;

单选:点击饼图始终只有一个扇区处于分离状态;点击另一扇区时,该扇区分离,原本分离的扇区缩回;

多选:点击扇区,扇区即分离,再次点击扇区,扇区即缩回。扇区之间不会相互影响。



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}

属性说明

设置是否显示指标名称,图形所使用指标的名称。

预览效果

设置现实与不显示“指标名称”效果对比,如下:



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}

属性说明

设置是否显示最大值,显示最大值时会将最大值所处扇区分离,并显示其信息:指标名称与指标值。

预览效果

设置与不设置“显示最大值”效果对比,如图:



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}

属性说明

设置以南丁格尔图的形式展现数据。

预览效果

不展现:图形默认使用饼图或圆环图展现;

半径和面积模式:以不同半径和扇区角度大小展示数据。如下:不同的扇区,其半径大小不同,并且不同的扇区在整个圆360°中,所占的度数也是不同的,数据越大,所占度数越大。

半径模式:仅以半径大小不同展示不同扇区的数据,各个扇区平分整个圆360°

 

 

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}

属性说明

预览效果

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}

属性说明

预览效果

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 Added

预览效果

设置“是否展开”效果对比,若设置为否,则需要点击节点一个一个展开,如下:

Image Added

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 Added

预览效果

设置不同数值的“初始化展开的层级”效果对比,如下:

Image 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}

属性说明

设置柱子的颜色。

Image Added

预览效果

两种不同的系列主色效果对比,如图:

Image Added



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}

属性说明

预览效果

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 Added

预览效果

设置显示与不显示数据项标签效果对比,如图:

Image Added



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 Added

预览效果

title_font

勾选分类,显示“值”与“百分比”的效果对比,如下:

Name

Image Added

位置unmigrated

不勾选“分类”,显示“值”与“百分比”的效果对比,如下:

Image Added

 

 

Title_font
Name位置

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

属性说明

设置图形的数据项标签的位置。

同一个功能设置项在不同的图形会存在差异,如:

柱图与线图的“数据项标签位置”可选择项有“居上、居下、居左、居右、内部”;

Image Added

饼图的“数据项标签位置”有“外侧和内部”。

Image Added

预览效果

以柱图为例,设置两种不同的数据项标签位置效果对比,如图:

Image Added

以饼图为例,设置两种不同的数据项标签位置效果对比,如图:

Image Added


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 Added

预览效果

设置文本的颜色为“黑色”,如图:

Image Added


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 Added

预览效果

设置两种不同的“节点颜色”效果对比,如下:

Image Added



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 Added

预览效果

设置字体为“宋体”,字号为“14”,字体颜色为“黑色”,如下:

Image Added

 

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 Added

预览效果

设置两种不同的“线条颜色”效果对比,如下:

Image Added



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 Added

预览效果

设置两种不同数值的“线条宽度”效果对比,如下:

Image 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}

属性说明

预览效果

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}

属性说明

预览效果

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}

属性说明

预览效果

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数据点设置

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}

属性说明

预览效果

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数据标注设置

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数据标线设置

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}

属性说明

预览效果


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}

属性说明

预览效果

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录