第3页,共112页。 显示 1,117 条结果 (0.031 秒)
【仪表盘】图形组件改变X轴位置
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 仪表盘中带横纵坐标的图形,其横向坐标默认显示在下方,纵坐标默认显示在左侧,若我们想改变横纵坐标显示的方位,可以通过仪表盘宏 … options = portlet.getChartOptions() options.xAxis.position = 'top' options.xAxis.axisLine = { //改变X轴位置 onZero: false【仪表盘】图形组件改变X轴位置
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 仪表盘中带横纵坐标的图形,其横向坐标默认显示在下方,纵坐标默认显示在左侧,若我们想改变横纵坐标显示的方位,可以通过仪表盘宏 … options = portlet.getChartOptions() options.xAxis.position = 'top' options.xAxis.axisLine = { //改变X轴位置 onZero: falseEcharts图形-扩展属性:y轴最大最小值修改(仪表盘使用)
(本文档仅供参考) 问题 请问线图的y轴,能否自动获取到数据的最大最小值,作为坐标轴的起始值和终点值? image2023-2-28_18-3-19.png 解决方案 方案一:V10.5及以上版本,使用仪表盘值轴设置自定义最大最小值。 具体使用可参考:交互式仪表盘-值轴设置 image2023-3-2_16-51-33.png 方案二:可在扩展属性中进行如下设置: { "yAxis": { "max": "function (val){Number(val.max.toFixed(0));}", "min": "function (val){Number(val.min.toFixed(0Echarts图形-扩展属性:数据标签 - 横条图文字显示上方且左边对齐,Y轴文字不显示
}千万元", "show": true, "position": "top" } } } } ] 2,对组件设置中的坐标轴设置如下: image2021-3-19_16-10-40.png 数据标签显示横条上方 … =1&modificationDate=1631011086000&api=v2 然后添加如下扩展属性实现,如下: { //不显示Y轴 "yAxis": { "show": false }, //不显示X轴 "xAxis": { "show": falseEcharts图形-扩展属性:泡泡图 - 动态时间轴标签文字的颜色和字体在哪里设置
(本文档仅供参考) 问题 泡泡图-动态时间轴标签文字的颜色和字体在哪里设置。 解决方案 图形中标题的字体颜色和大小设置如下: 1.jpg 时间轴上的标签文字的颜色和大小设置,在timeline组件设置代码option.timeline = {}中加上如下代码: label … ' } } } 2.jpg 泡泡图时间轴文字颜色【仪表盘】图形组件改变Y轴最小值
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 仪表盘中带横纵坐标的图形,其横纵坐标默认的最小值是0,若我们想改变横纵坐标的最小值,可以通过仪表盘宏来实现。 1. 示例效果 通过宏设置Y轴最小值为200,效果如下: image2020-10-23_13-58-9.png 2.操作步骤 步骤一:新建一个空白的仪表盘 image2021-9-10_17-42-21.png 步骤二:拖入图形组件,选择线图,选择数据集或业务主题【仪表盘】图形组件改变Y轴最小值
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 仪表盘中带横纵坐标的图形,其横纵坐标默认的最小值是0,若我们想改变横纵坐标的最小值,可以通过仪表盘宏来实现。 1. 示例效果 通过宏设置Y轴最小值为200,效果如下: image2020-10-23_13-58-9.png 2.操作步骤 步骤一:新建一个空白的仪表盘 image2021-9-10_17-42-21.png 步骤二:拖入图形组件,选择线图,选择数据集或业务主题Echarts图形-扩展属性:Y轴刻度值个数固定
(此文档仅供参考) 问题 希望Y轴刻度值个数可以自定义设置 实现方案 可以用以下扩展属性实现: { "yAxis": { type: 'value', "splitNumber": 5 } } 注意:这个分割段数只是个预估值,最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。 Echarts官网关于此属性的解释:https://echarts.apache.org/zh/option.html#yAxis.splitNumber https://echarts.apache.org/zh并列轴单图例颜色设置
带并列轴的柱图,因作为图例的分类有可能是动态的情况,就会存在单图例的情况,但产品中默认对于单图例的颜色的柱图是设置了多种颜色的,这样在图例显示的情况下,用户会产生疑问,为什么图例和柱图颜色对应不上,针对于这样的问题,可采取以下解决方案。 调整前的效果: image2020-6-10 18:41:19.png 调整 … = { "normal": { "color": "#CC3333" //设置颜色 } } } } 资源下载 报表资源:并列轴单图例颜色设置.xml 图例颜色设置 宏设置图例颜色并列轴单图例颜色设置
带并列轴的柱图,因作为图例的分类有可能是动态的情况,就会存在单图例的情况,但产品中默认对于单图例的颜色的柱图是设置了多种颜色的,这样在图例显示的情况下,用户会产生疑问,为什么图例和柱图颜色对应不上,针对于这样的问题,可采取以下解决方案。 调整前的效果: image2020-6-10 18:41:19.png 调整 … = { "normal": { "color": "#CC3333" //设置颜色 } } } } 资源下载 报表资源:并列轴单图例颜色设置.xml 图例颜色设置 宏设置图例颜色