第3页,共232页。 显示 2,311 条结果 (0.047 秒)
组件设置-坐标轴
、字号大小、字形和颜色。 标注步长:设置分类轴标签显示的间隔。(注:指标轴没有这个设置项。)标注步长设置为0,表示显示所有标签;设置为1,表示隔一个标签显示一个标签,以此类推。 效果 image2019-10-26 13:48:46.png 轴线 说明 对坐标轴轴线的设置,包括“轴线是否显示、轴线样式 … 显示的区域范围大小 (3)滑动滑块,以固定的宽度切换图形显示的区域 (4)点击缩略轴上,滑块外的位置,以鼠标点击处为选中区域的中心,自动调整图形显示区域 2 (1).gif 支持缩略图的图形类型如下图所示: 柱图、线图、面积图、单Y联合图、双Y联合图仅支持分类轴设置显示缩略图 散点图仅支持X指标轴设置显示Echarts图形-扩展属性:x轴y轴颜色及加粗
(此文档仅供参考) 问题 修改图形x轴y轴颜色及加粗 图片10.png 解决方案 可以写扩展属性实现,如下截图: 图片11.png { xAxis: { axisLine: { lineStyle: { color … ', width: 3 } } } } 实现效果: 图片12.png 若为双Y轴图,则需要对两个Y轴进行设置,可参考以下扩展属性: { xAxis: { axisLineEcharts图形-扩展属性:仪表盘x轴缩略轴从右开始
(本文档仅供参考,因宏代码具备一定场景限制,如和实际应用场景不符合,需要自行调整相关宏代码) 需求场景 要求让仪表盘中的图形组件,x轴的缩略轴从右边往左拖动浏览数据。 实现效果: image2024-7-31_23-55-44.png 实现方案: 1、对该组件开启缩略轴,并设置扩展属性 … 为0% }] } 缩略轴从右边开始 缩略轴从右边开始滚动交互仪表盘趋势图日期X轴数据为空时显示1-12月份
(本文档仅供参考) 问题说明 当目前数据库数据只有1到8月份的数据时,使用曲线图X轴只能显示有数据的月份,没有办法显示1-12月完整的趋势 image2024-9-21_9-55-20.png 解决方案 方案一 新建一张日期维表和事实表日期字段进行关联,X轴选择日期维表中的日期字段,并将压缩空行去掉 image2024-9-21_10-2-32.png 方案二 通过扩展属性搞定X轴的值 option = { "xAxis": { data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun', '测试'] } } 趋势图显示1-12月数据 趋势图显示图形 - Y轴坐标轴名称以及刻度标签显示不全问题,如何调整?
(本文档仅供参考) 问题现象 仪表分析Y轴坐标轴名称以及刻度标签显示不全问题,如何调整? image2019-1-2 10:37:28.png 解决方案 可以适当把左边距的值调大一些。 image2019-1-2 10:37:44.png y轴标签被挡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图形-坐标轴
solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置分类轴、指标轴名称到轴线的距离大小。 当坐标轴名称到轴线的距离过近时,可能会出现标签与坐标轴名称重叠的现象,需要适当 … ;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置分类轴、指标轴的坐标轴名称。 image2019-9-27 15:28:20.png 预览效果 设置分类(X)轴名称为产品类别,指标(Y)轴ECharts图形-坐标轴
solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置分类轴、指标轴名称到轴线的距离大小。 当坐标轴名称到轴线的距离过近时,可能会出现标签与坐标轴名称重叠的现象,需要适当 … ;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置分类轴、指标轴的坐标轴名称。 image2019-9-27 15:28:20.png 预览效果 设置分类(X)轴名称为产品类别,指标(Y)轴坐标轴设置
、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 (1)添加双Y联合图组件,在数据选择区中,勾选 产品类别 、销售量 和 销售额 字段,由系统自动分配到 X轴 和 Y轴 上;或拖拽 产品类别 字段到 X轴 , 销售量、销售额 字段到 Y轴 。 shujushezhi-01.png (2)组件 … 的数据格式。可选择的数据格式来源于 数据格式 。 例如:当轴刻度数据较大时,可将5000000设置为500万,使图形效果更加美观。 shujushezhi-11.png shujushezhi-09.png (4)对数轴:对数轴以 10 的幂次增长的算法来绘制轴标签,可与最大值、最小值一起使用。 当同一指标轴上两自助仪表盘柱图X轴只显示某个字段的内容
(本文档仅供参考) 问题说明 X轴有多个字段显示时,只想要获取名称【只显示某个字段】,不需要显示ID【不需要显示其他字段,但其他字段又不能去掉】,只需显示名称,需要怎么实现呢? image2021-12-9_12-3-27.png 解决方案 使用 … image2021-12-9_12-8-3.png x轴名称只显示一个 x轴名称不显示全