如何配置Echarts柱状图的样式和数据

您所在的位置:网站首页 修改柱状图大小和数据 如何配置Echarts柱状图的样式和数据

如何配置Echarts柱状图的样式和数据

2023-06-25 23:03| 来源: 网络整理| 查看: 265

位移:x轴相对于默认位置的偏移,默认为0

名称:自定义x轴名称。

名称位置:x轴名称的位置,可选,包括起点居中终点,默认值为 终点

名称样式

颜色:参考颜色选择器说明,修改x轴名称文本的颜色。

字体样式:x轴名称的字体风格。

字体粗细:x轴名称的字体粗细。

字体:x轴名称的字体系列。

字号:单击+-号,或手动输入数值,修改x轴名称的字体大小。

名称间隔:单击+-号,或手动输入数值,修改坐标轴名称与轴线之间的距离。

名称旋转:单击+-号,或手动输入数值,修改坐标轴名称旋转的角度值。

反向:勾选后,坐标轴反向显示;去勾选,坐标轴正向显示。

留白:勾选后,坐标轴两侧留白;去勾选,坐标轴两侧不留白。

最小值:坐标轴刻度最小值,默认值为数据最小值,表示取数据在该轴上的最小值作为最小刻度。不设置时会自动计算最小值保证坐标轴刻度的均匀分布。

最大值:坐标轴刻度最大值,默认值为数据最大值,表示取数据在该轴上的最大值作为最大刻度。不设置时会自动计算最大值保证坐标轴刻度的均匀分布。

自动伸缩:勾选后,坐标刻度不会强制包含零刻度。只在数值轴中有效,设置了最大值和最小值后该配置项无效。

分割段数:单击+-号,或手动输入数值,设置坐标轴的分割段数。不设置时会自动计算最小值保证坐标轴刻度的均匀分布。需要注意的是这个分割段数只是个预估值,最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。在类目轴中无效。

最小间隔大小:单击+-号,或手动输入数值,设置坐标轴最小间隔大小。例如可以设置成1保证坐标轴分割刻度显示成整数。只在数值轴或时间轴中有效。

对数轴底数:对数轴的底数,只在对数轴中有效。

静态:勾选后,坐标轴为静态无法交互。

轴线:单击右侧的眼睛图标显示x轴轴线。

在零上:x 轴或者 y 轴的轴线是否在另一个轴的 0 刻度上,只有在另一个轴为数值轴且包含 0 刻度时有效。

轴线样式

颜色:参考颜色选择器说明,修改x轴轴线的颜色。

宽度:单击+-号,或手动输入数值,修改x轴轴线的宽度。

类型:坐标轴轴线的类型。可选,包括实线虚线

透明度:单击+-号,或手动输入数值,修改x轴轴线的透明度。范围为 [0,1]。

刻度:单击右侧的眼睛图标显示x轴刻度。

和标签对齐:勾选后,刻度线和标签对齐。类目轴中在勾选了留白后有效。

分割间隔:单击+-号,或手动输入数值,修改坐标轴刻度的显示间隔,在类目轴中有效。

内部:勾选后,坐标轴刻度朝内;去勾选,坐标轴刻度朝外。

长度:单击+-号,或手动输入数值,修改坐标轴刻度的长度。

轴线样式

颜色:参考颜色选择器说明,修改刻度线的颜色。

宽度:单击+-号,或手动输入数值,修改刻度线的宽度。

类型:坐标轴轴线的类型。可选,包括实线虚线

透明度:单击+-号,或手动输入数值,修改刻度线的透明度。范围为 [0,1]。

刻度标签:单击右侧的眼睛图标显示x轴刻度标签。

分割间隔:坐标轴刻度标签的显示间隔,在类目轴中有效,默认会采用标签不重叠的策略间隔显示标签。可以设置成 0 强制显示所有标签。如果设置为 1,表示隔一个标签显示一个标签,如果值为 2,表示隔两个标签显示一个标签,以此类推。

内部:勾选后,坐标轴刻度标签朝内;去勾选,坐标轴刻度标签朝外。

旋转:刻度标签旋转的角度,在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。旋转的角度从 -90 度到 90 度。

外间距:刻度标签与轴线之间的距离。

显示最小标签:勾选后,显示最小的刻度标签。默认自动判定,即如果标签重叠,不会显示最小的刻度标签。

显示最大标签:勾选后,显示最大的刻度标签。默认自动判定,即如果标签重叠,不会显示最大的刻度标签。

文本样式

颜色:参考颜色选择器说明,修改坐标轴刻度标签的颜色。

字体样式:坐标轴刻度标签文字的字体风格。

字体粗细:坐标轴刻度标签文字的字体粗细。

字体:坐标轴刻度标签文字的字体系列。

字号:坐标轴刻度标签文字的字体大小。

对齐:坐标轴刻度标签文字水平对齐方式,包括自动左对齐居中对齐右对齐,默认为自动

对齐方式:可选,支持顶部对齐居中对齐底部对齐

分割线:单击右侧的眼睛图标显示分割线。

分割间隔:单击+-号,或手动输入数值,修改坐标轴分隔线的显示间隔,在类目轴中有效,默认会采用分割线不重叠的策略间隔显示分割线。可以设置成 0 强制显示所有分割线。如果设置为 1,表示隔一个分割线显示一个分割线,如果值为 2,表示隔两个分割线显示一个分割线,以此类推。

轴线样式

宽度:单击+-号,或手动输入数值,修改x轴分割线的线宽。

类型:坐标轴轴线的类型。可选,包括实线虚线

透明度:单击+-号,或手动输入数值,修改x轴分割线的透明度,范围为 [0,1]。

分割区域:单击右侧的眼睛图标显示分割区域。

分割间隔:单击+-号,或手动输入数值,修改坐标轴分隔区域的显示间隔,在类目轴中有效,默认会采用分割区域不重叠的策略间隔显示分割区域。可以设置成 0 强制显示所有分割区域。如果设置为 1,表示隔一个分割区域显示一个分割区域,如果值为 2,表示隔两个分割区域显示一个分割区域,以此类推。

区域样式

透明度:单击+-号,或手动输入数值,修改分割区域的透明度,范围为 [0,1]。

坐标轴指示器:单击右侧的眼睛图标显示坐标轴指示器。

类型:指示器类型,包括直线指示器阴影指示器

自动吸附:勾选后,坐标轴指示器自动吸附到点上。这个功能在数值轴和时间轴上比较有意义,可以自动寻找细小的数值点。

初始值:坐标轴指示器的初始位置,默认为0

状态:坐标轴指示器当前的状态,勾选后显示,去勾选后隐藏。

标签:单击右侧的眼睛图标显示坐标轴指示器的标签。

小数精度:文本标签中数值的小数点精度,默认根据当前轴的值自动判断,也可以指定一个整数值,如 2,表示保留两位小数。

外间距:勾选后,坐标轴指示器标签与坐标轴之间有一定间距。去勾选,坐标轴指示器标签与坐标轴之间没有间距。

文本样式

颜色:参考颜色选择器说明,修改坐标轴指示器标签文本的颜色。

字体样式:坐标轴指示器标签文本的字体风格。

字体粗细:坐标轴指示器标签文本的字体粗细。

字体:坐标轴指示器标签文本的字体系列。

字号:坐标轴指示器标签文本的字体大小。

背景色:坐标轴指示器文本标签的背景颜色。

边框色:坐标轴指示器文本标签的边框颜色。

边框粗细:坐标轴指示器文本标签的边框粗细。

拖拽手柄:单击右侧的眼睛图标显示拖拽手柄。

大小:单击+-号,或手动输入数值,修改拖拽手柄的大小。

外间距:单击+-号,或手动输入数值,修改拖拽手柄中心点和轴的距离。

颜色:拖拽手柄的颜色。

刷新频率:手柄拖拽时触发大屏更新周期,单位为毫秒,调大这个数值可以改善性能,但是降低体验。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3