Title_font
Name 分类轴/指标轴

ECharts图形中对分类轴/指标轴的设置包括“坐标轴名称、坐标轴名称样式、坐标轴名称位置、名称到轴线的距离”等。

Image Added

面板

borderColor	#BBBBBB
bgColor	#F0F0F0
borderWidth	1
borderStyle	solid

目录

Title_font
Name 坐标轴名称

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

属性说明

设置分类轴、指标轴的坐标轴名称。

Image Modified

预览效果

设置分类(X)轴名称为产品类别，指标(Y)

轴名称为销售量。

轴名称为销售量，如图：

Image Modified

Title_font
Name 坐标轴名称样式

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

属性说明

设置分类轴、指标轴的坐标轴文本样式。

设置分类轴、指标轴的坐标轴名称样式。

可设置文本的字体、字号、字形和颜色。

Image Modified

预览效果

将分类(X)轴的字体改为“楷体”，字号改为“14”，字体颜色改为“黑色”，如图：

Image Modified

Title_font
Name 坐标轴名称位置

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

属性说明

设置分类轴、指标轴的坐标轴名称的位置。

设置分类轴、指标轴名称的位置。

Image Modified

预览效果

两种不同位置的分类(X)轴的坐标轴名称效果对比，如图：

Image Modified

Title_font
Name 名称到轴线的距离

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

属性说明

设置分类轴、指标轴的坐标轴名称到轴线的距离大小。

设置分类轴、指标轴名称到轴线的距离大小。

当坐标轴名称到轴线的距离过近时，可能会出现标签与坐标轴名称重叠的现象，需要适当调整坐标轴名称到轴线的距离。

Image Modified

预览效果

设置两种名称到轴线不同距离的效果对比，如图：

Image Modified

Title_font
Name 标注步长

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

属性说明

设置坐标轴刻度的显示间隔，此项为分类轴特有。

设置坐标轴标签的显示间隔，此项为分类轴特有。

如果值为0，则显示所有标签；如果值为1，则表示隔一个标签显示一个标签；如果值为2，则表示隔两个标签显示一个标签，以此类推。

如果值为0，则显示所有标签；如果值为1，则表示每隔一个标签显示一个标签；如果值为2，则表示每隔两个标签显示一个标签，以此类推。

Image Modified

预览效果

设置标注步长为“0”和“1”时，效果如图：

Image Modified

Title_font
Name 刻度标签显示方式

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

属性说明

设置分类轴、指标轴的坐标轴刻度标签的显示方式。

设置分类轴、指标轴刻度标签的显示方式。

Image Modified

预览效果

两种不同的刻度标签显示方式效果对比，如图：

Image Modified

Title_font
Name 标签间隔

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

属性说明

设置坐标轴刻度的显示间隔，此项为分类轴特有。

3D柱图和3D散点图中设置坐标轴标签的显示间隔，此项为分类轴特有。

如果值为0，则显示所有标签；如果值为1，则表示隔一个标签显示一个标签；如果值为2，则表示隔两个标签显示一个标签，以此类推。

如果值为0，则显示所有标签；如果值为1，则表示每隔一个标签显示一个标签；如果值为2，则表示每隔两个标签显示一个标签，以此类推。

Image Modified

预览效果

设置标签间隔为“3”和“0”时，效果如图：

Image Modified

Title_font
Name 刻度标签样式

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

属性说明

设置分类轴、指标轴的坐标轴上刻度标签的文本样式。

设置分类轴、指标轴的刻度标签样式。

可设置文本的字体、字号、字形和颜色。

Image Modified

预览效果

将刻度标签的字体改为“楷体”，字号改为“14”，字体颜色改为“黑色”，如图：

Image Removed

Title_font
Name 刻度标签自动换行

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

属性说明

预览效果

将分类轴的刻度标签字体改为“楷体”，字号改为“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;"> </div>{html}

属性说明

选择已有数据格式，设置字段显示的格式类型，该项只针对指标轴。

Image Modified

预览效果

设置指标(Y)轴上字段的数据格式为“万元 (浮点型)”，并在“是否应用于标签”选择是，如图：

Image Modified

Title_font
Name 是否应用于标签

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

属性说明

为指标轴上的字段设置数据格式后，选择是否应用于标签上。

若选择否，则图形上不显示该字段已设置的数据格式类型。

Image Modified

预览效果

指标(Y)轴上字段的数据格式都为“万元 (浮点型)”，设置是否应用于标签的效果对比，如图：

Image Modified

Title_font
Name 刻度设置

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

属性说明

设置指标轴的最小刻度和最大刻度。

设置指标轴上最小刻度和最大刻度。

可以选择已添加字段，也可以输入任意大小的数值。

内容支持选择已添加字段、也可以输入任意大小的数值/百分比。

Image Modified

预览效果

设置最小刻度为“20000”，最大刻度为“280000”，如图：

Image Modified

注意

title	注意

如果输入的是百分比，则最小值的百分比计算公式为：minValue*（1 - percent），最大值的百分比计算公式为：maxValue*（1 + percent）。

比如当前查询结果中最小值为174，最大值为504。若设置Y轴最小刻度为20%，则坐标轴中最小刻度显示为139.2，即 174*（1-20%），若设置Y轴最大刻度为50%，则坐标轴中最大刻度显示为756，即 504*（1+50%）。

Image Added

title_font
Name 分隔线

坐标轴的分隔线设置包括“是否显示、线条样式”。

Image Modified

Title_font
Name 是否显示

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

属性说明

设置是否显示分类轴、指标轴的坐标轴的分隔线。

设置是否显示分类轴、指标轴的分隔线。

Image Modified

预览效果

设置显示与不显示分类(X)轴上的分隔线效果对比，如图：

Image Modified

Title_font
Name 线条样式

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

属性说明

设置分隔线的线条样式。

可设置线条的线型、粗细和颜色。

Image Modified

预览效果

两种不同分隔线的颜色效果对比，如图：

Image Modified

Title_font
Name 分隔区域

坐标轴是否显示分隔线的设置。

坐标轴中是否显示分隔区域的设置。

Image Modified

Title_font
Name 是否显示

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

属性说明

设置是否显示分类轴、指标轴的坐标轴的分隔区域。

设置是否显示分类轴、指标轴的分隔区域。

Image Modified

预览效果

设置显示与不显示分类(X)轴上的分隔区域效果对比，如图：

Image Removed

Image Added

Title_font
Name 坐标轴线

坐标轴是否显示坐标轴线的设置。

坐标轴中是否显示坐标轴线的设置。

Image Modified

Title_font
Name 是否显示

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

属性说明

设置是否显示坐标轴(包括分类轴、指标轴)的坐标轴线。

设置是否显示坐标轴线。

Image Modified

预览效果

设置显示与不显示分类(X)

轴上的坐标轴线效果对比，如图：

Image Removed

面板

borderColor	#BBBBBB
bgColor	#F0F0F0
borderWidth	1
borderStyle	solid

toc

轴效果对比，如图：

Image Added

页面树结构

版本比较

旧版本 10

新版本当前版本

标识

Title_font
Name 分类轴/指标轴

Title_font
Name 坐标轴名称

Title_font
Name 坐标轴名称样式

Title_font
Name 坐标轴名称位置

Title_font
Name 名称到轴线的距离

Title_font
Name 标注步长

Title_font
Name 刻度标签显示方式

Title_font
Name 标签间隔

Title_font
Name 刻度标签样式

Title_font
Name 刻度标签自动换行

Title_font
Name 同步表格数据

Title_font
Name 数据格式

Title_font
Name 是否应用于标签

Title_font
Name 刻度设置

title_font
Name 分隔线

Title_font
Name 是否显示

Title_font
Name 线条样式

Title_font
Name 分隔区域

Title_font
Name 是否显示

Title_font
Name 坐标轴线

Title_font
Name 是否显示

页面树结构

页面历史

版本比较

旧版本 10

新版本 当前版本

标识

Title_fontName分类轴/指标轴

Title_fontName坐标轴名称

Title_fontName坐标轴名称样式

Title_fontName坐标轴名称位置

Title_fontName名称到轴线的距离

Title_fontName标注步长

Title_fontName刻度标签显示方式

Title_fontName标签间隔

Title_fontName刻度标签样式

Title_fontName刻度标签自动换行

Title_fontName同步表格数据

Title_fontName数据格式

Title_fontName是否应用于标签

Title_fontName刻度设置

title_fontName分隔线

Title_fontName是否显示

Title_fontName线条样式

Title_fontName分隔区域

Title_fontName是否显示

Title_fontName坐标轴线

Title_fontName是否显示

新版本当前版本

Title_font
Name 分类轴/指标轴

Title_font
Name 坐标轴名称

Title_font
Name 坐标轴名称样式

Title_font
Name 坐标轴名称位置

Title_font
Name 名称到轴线的距离

Title_font
Name 标注步长

Title_font
Name 刻度标签显示方式

Title_font
Name 标签间隔

Title_font
Name 刻度标签样式

Title_font
Name 刻度标签自动换行

Title_font
Name 同步表格数据

Title_font
Name 数据格式

Title_font
Name 是否应用于标签

Title_font
Name 刻度设置

title_font
Name 分隔线

Title_font
Name 是否显示

Title_font
Name 线条样式

Title_font
Name 分隔区域

Title_font
Name 是否显示

Title_font
Name 坐标轴线

Title_font
Name 是否显示