图表x坐标轴

直角坐标系 grid 中的 x 轴和y轴。

image-20210531115354084

图表设置中允许我们对X轴的显示做详细的设置。

坐标轴相关属性

轴的位置

可以设置轴的位置为网格的上方或下方,默认值为网格的下方:

image-20210531115642752

如果设置为网格的上方,效果如下:

image-20210531120612258

可以设置坐标轴的名称

默认情况下坐标轴的名称显示在轴线的最后:

image-20210531120746797

你也可以调整坐标轴的位置为开始位置,居中或结束位置:

image-20210531120837860

image-20210531120855817

也可以调整名称和轴线之间的距离:

image-20210531120945100

支持反向坐标轴设置

可以设置反向坐标轴:

image-20210531130356998

它会将坐标轴的数据反向显示

image-20210531130251326

坐标轴最大最小值设置

如果坐标轴数据是数字类型的数据,我们可以通过坐标轴的最大最小值过滤数据:

image-20210531130704668

image-20210531130738920

坐标轴刻度标签的相关设置

对于坐标轴上的刻度标签也可以进行属性定制化操作:

image-20210531131140534

是否显示

可以设置显示或隐藏:

image-20210531131222981

如果设置为否,效果如下,刻度标签就为空白:

image-20210531131317208

格式化处理

利用刻度标签的内容格式器可以自定义标签格式

image-20210531132118240

image-20210531132141226

旋转角度

如果标签文字比较多,我们可以设置旋转角度,从而避免文字被遮盖:

image-20210531132248700

image-20210531132259593

坐标轴刻度标签的显示间隔

另外我们也可以设置坐标轴刻度标签的显示间隔,例如我们可以让下面的划线部分刻度标签隐藏,也就是每隔一个标签就隐藏一个:

image-20210531132524582

则设置显示间隔为1

image-20210531132619782

显示效果如下:

image-20210531132842704

或则我们可以用函数来设置规则:

image-20210531132742883

该规则设定标签内容中含2的都不显示,返回值为true或false决定了是否显示。显示效果如下:

image-20210531132918615

设置刻度标签是在轴线内还是轴线外

通过如下属性调整刻度标签的渲染位置,默认为刻度外,也可以设置为刻度内:

image-20210531133106869

image-20210531133137522

调整刻度标签和轴线的距离

image-20210531133332269

image-20210531134037460

可以设置文字颜色

调整文字颜色设置:

image-20210531134120594

image-20210531134153507

文字风格设置

还可以支持文字字体风格的相关设置,粗细设置,字体系列和字体大小设置:

image-20210531134219022

results matching ""

    No results matching ""