第1页,共112页。 显示 1,117 条结果 (0.045 秒)
组件设置-坐标轴
image2019-10-26 12:50:54.png 对指标轴的设置 image2019-10-26 12:58:0.png 名称 说明 对坐标轴名称的设置,包括“名称、样式、颜色、距离轴线”。 名称:设置坐标轴的名称。 样式:设置坐标轴名称的字体、字号大小和字形。 颜色:设置坐标轴名称的颜色。 距离轴线:是指坐标轴名称与坐标轴之间的距离。 效果 image2019-10-26 13:47:11.png 刻度 说明 对坐标轴刻度的设置,包括“标签显示、标签样式、颜色、标注步长”。 标签显示:设置标签的显示形式,有“自动、垂直、倾斜、不显示”四种形式。 标签样式:设置标签的字体坐标轴设置
类型、字号、文字颜色、加粗和斜体。 距离轴线:是指坐标轴名称与坐标轴之间的距离。 效果 shujushezhi-16.png 刻度 说明 对坐标轴刻度的设置,包括“刻度显示、刻度样式、标注步长”。 刻度显示:设置刻度的显示形式,有“自动、垂直、倾斜、不显示”四种形式,默认效果为自动。 刻度样式:设置刻度的字体类型、字号、文字颜色和加粗。 标注步长:设置分类轴刻度显示的间隔。(注:指标轴没有这个设置项。)标注步长设置为0,表示显示所有刻度;设置为1,表示隔一个刻度显示,以此类推。 效果 shujushezhi-17.png 轴线 说明 对坐标轴轴线的设置,包括“轴线是否显示、轴线样式”。 显示轴线Echarts图形-扩展属性:坐标轴 - 横条图坐标轴在右边显示
": true, "position": "left" } } ] } 横条图刻度位置 修改坐标轴位置Echarts图形-扩展属性:X轴标签 - 折线设置x轴起始标签在0处或者坐标轴刻度中间
} } image2018-12-13 14:36:34.png 问题2 希望调整x轴坐标轴名称与圆点在坐标轴刻度中间,如下图 https://wiki.smartbi.com.cn/download/attachments/92082173/2022-06-16_154548.png … /2022-06-16_155231.png?version=1&modificationDate=1655366580000&api=v2 折线从左y轴开始 折线图设置x轴标签、圆点显示在坐标轴刻度中间 折线起点 折线的起始与y轴中间不留白图形 - Y轴坐标轴名称以及刻度标签显示不全问题,如何调整?
(本文档仅供参考) 问题现象 仪表分析Y轴坐标轴名称以及刻度标签显示不全问题,如何调整? image2019-1-2 10:37:28.png 解决方案 可以适当把左边距的值调大一些。 image2019-1-2 10:37:44.png y轴标签被挡Echarts图形-扩展属性:Y轴设置最小值时,坐标轴名称不显示
(本文档仅供参考) 问题描述 在使用动态获取y轴最小值和最大值的扩展属性代码的时候,会让Y轴的坐标轴名称不见 image2022-11-30_14-29-55.png 原始上面有个坐标轴名称,如下图 image2022-11-30_14-30-9.png 解决方案 通过扩展属性实现,具体请参考如下扩展属性: 1 2 3 4 5 6 7 8 9 10 11 12 13 { "yAxis": //左y轴 { type: 'value', //获取最小值并实现向上取整 min: 'function(value){ returnECharts图形-坐标轴
: 5px;"> </div>{html} 属性说明 设置分类轴、指标轴的坐标轴名称样式。 可设置文本的字体、字号、字形和颜色。 image2019-10-11 14:17:17.png 预览效果 将分类(X)轴的字体改为“楷体”,字号改为“14”,字体颜色改为“黑色”,如图: image2019-9-27 … : 5px;"> </div>{html} 属性说明 设置分隔线的线条样式。 可设置线条的线型、粗细和颜色。 image2019-10-11 14:27:24.png 预览效果 两种不同分隔线的颜色效果对比,如图: image2019-10-11 14:35:11.png 坐标轴中是否显示分隔区域ECharts图形-坐标轴
: 5px;"> </div>{html} 属性说明 设置分类轴、指标轴的坐标轴名称样式。 可设置文本的字体、字号、字形和颜色。 image2019-10-11 14:17:17.png 预览效果 将分类(X)轴的字体改为“楷体”,字号改为“14”,字体颜色改为“黑色”,如图: image2019-9-27 … : 5px;"> </div>{html} 属性说明 设置分隔线的线条样式。 可设置线条的线型、粗细和颜色。 image2019-10-11 14:27:24.png 预览效果 两种不同分隔线的颜色效果对比,如图: image2019-10-11 14:35:11.png 坐标轴中是否显示分隔区域Echarts图形-扩展属性:X、Y坐标轴刻度左对齐
(此文档仅供参考) 问题: 如图,横条图坐标轴刻度如何左对齐 image2023-8-10_19-19-46.png 实现方案: 可以通过扩展属性调整哦,请参考: { "yAxis": { "axisLabel": { "margin": 50, "left": -8, "textStyle": { "align": "left" } } } } 效果: image2023-8-10_19-20-19.png 坐标轴标签左边对齐Echarts图形-扩展属性:X轴坐标轴名称与轴线之间的距离调整
(此文档仅供参考) 问题 希望调整x轴坐标轴名称与轴线的距离,避免重叠,如下图 image2021-11-3_11-29-30.png 实现方案 可以用以下扩展属性实现:(具体值设置大小可结合实际调整) { "xAxis": { "nameGap": 30 } } image2021-11-3_11-32-12.png x轴名称距离标线距离删除标签