第37页,共152页。 显示 1,517 条结果 (0.031 秒)
Echarts图形-油量图-方案类
Echarts图形-扩展属性:y轴标签设置为百分比显示
(本文档仅供参考) 问题 自助仪表盘中希望坐标轴设置为百分比显示 解决方案 具体请参考如下扩展属性: "formatter": "function(value){ debugger; return (value*100).toFixed(2)+'%'}" 添加位置如下: 1.png 设置前后对比图: 2.png 问题 电子表格、仪表分析中希望坐标轴设置为百分比显示 { "yAxis": { "axisLabel": { "formatter": "function(value){ debugger; return (value*100).toFixed(2)+'%'}"Echarts图形-扩展属性:X轴/Y轴刻度标签反向
(本文档仅供参考) 问题 例如产品类别和运费字段做的横条图,类目轴和单元格扩展出来的值是相反的,有什么办法可以保持一致呢? image2018-10-29 12:48:34.png 解决方案 可以添加一下扩展属性实现,坐标轴反向。 Y轴: yAxis: { inverse: true, } X轴: xAxis: { inverse: true, }Echarts图形-扩展属性:如何添加自定义数据标注
(本文档仅供参考) 问题 常规的标注只有最大值和最小值,如何自定义标注,比如显示平均值、第一位和最后一位标注? 解决方案 1、扩展属性可实现展示最大值、最小值、平均值 { "series": [{ "markPoint": { "data": [{ "type": "max", "name": "最大值" }, { "type": "min", "name": "最小值" }, {Echarts图形-扩展属性:X轴标签截取或不显示下划线
(本文档仅供参考) 问题1 透视分析基于所有行作图,当x轴分类字段有俩个时,如何实现表格中显示所有分类字段,而图形中x轴标签只显示第一个字段 image2022-3-30_13-57-15.png 解决方案 可以使用扩展属性实现 { "xAxis": { "axisLabel": { "formatter": " function (value) {var index = value.indexOf('_'); return value.substring(0,index); }" } } } 效果如下图: image2Echarts图形-扩展属性:修改图例大小不修改文字大小
(本文档仅供参考) 问题 如何修改图例大小,图例旁边的文字不修改大小 2022-06-06_173511.png 解决方案 通过图例-文字样式可以修改图例图形和文字的大小。 2022-06-06_173945d.png 若希望只修改图例的图形大小,可以使用扩展属性实现 { legend: { itemWidth: 40, //调节横线长短 itemHeight: 19 //调节圆圈大小 } } 效果如下: image_1654505612749_fmdgm.png 扩展:自助仪表盘中的自定义属性 { "legend": { "itemWidth": 50,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图形-扩展属性:y轴名称设置纵向垂直展示
(本文档仅供参考) 问题 仪表盘内柱图的纵坐标名称需要设置纵向垂直展示,如何调整展示方向?如下: 正常设置名称效果: image2024-6-6_9-35-24.png 想实现的名称位置展示效果: image2024-6-6_9-37-40.png 解决方案 具体请参考如下扩展属性: { "yAxis": { "Echarts图形-扩展属性:仪表盘x轴缩略轴从右开始
(本文档仅供参考,因宏代码具备一定场景限制,如和实际应用场景不符合,需要自行调整相关宏代码) 需求场景 要求让仪表盘中的图形组件,x轴的缩略轴从右边往左拖动浏览数据。 实现效果: image2024-7-31_23-55-44.png 实现方案: 1、对该组件开启缩略轴,并设置扩展属性。 image2024-7-31_23-57-47.png 扩展属性: option = { "dataZoom": [{ "type": "slider", "show": true, "start": 100, // 从右侧开始展示数据,这里设置为100% "end": 80 // 结束于左侧,这里设置为Echarts图形-扩展属性:进度条 - 单条进度条在电子表格中如何实现
(本文档仅供参考) 问题1 类似于这种进度条要怎么实现: image2021-7-13_16-4-18.png 解决方案 可通过下面的步骤实现进度条的效果: 步骤1:选择数据作图,如下图: https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1626151079621_o7998.png 步骤2:选择横条图,设置X轴Y轴,如下图: https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1626151158842_950m8.png 步骤3:X