第2页,共94页。 显示 936 条结果 (0.027 秒)
Echarts图形-扩展属性:坐标轴设置为百分比显示
(本文档仅供参考) 问题 自助仪表盘中希望坐标轴设置为百分比显示 解决方案 具体请参考如下扩展属性: "formatter": "function(value){ debugger; return (value*100).toFixed(2)+'%'}" 添加位置如下: 1.png 设置前后对比图: 2.png 问题 电子表格、仪表分析中希望坐标轴设置为百分比显示 { "yAxis": { "axisLabel": { "formatter": "function(value){ debugger; return (value*100).toFixed(2坐标轴刻度左对齐
(此文档仅供参考) 问题: 如图,横条图坐标轴刻度如何左对齐 image2023-8-10_19-19-46.png 实现方案: 可以通过扩展属性调整哦,请参考: { "yAxis": { "axisLabel": { "margin": 50, "left": -8, "textStyle": { "align": "left" } } } } 效果: image2023-8-10_19-20-19.pngEcharts图形-扩展属性:如何把Y坐标轴反向
(本文档仅供参考) 问题 例如产品类别和运费字段做的横条图,类目轴和单元格扩展出来的值是相反的,有什么办法可以保持一致呢? image2018-10-29 12:48:34.png 解决方案 可以添加一下扩展属性实现,坐标轴反向。 yAxis: { inverse: true, }图形里面设置坐标轴名称m³,之后保存,再次打开变成m?
(此文档仅供参考) 问题 数据集里面通过sql给数值加单位m³,之后保存,再次打开变成m?,或者图形里面设置坐标轴名称m³,之后保存,再次打开有时候会变成m?,有时候是正常的 1.png2.png 原因分析 知识库使用的字符集编码不支持保存这种特殊符号,设置的时候正常是因为字符是从缓存中读取的,但是设置好之后,m³字符要持久化存储到知识库表中,由于知识库的编码(如GBK)不支持特殊字符,“³”字符入库后的数据已经是"?"了,当系统读取不到缓存,需要重新从知识库通过SQL查询,查出来的数据就包含有"?",因此界面之前设置的“³”就会变成“?”。 验证方法 关闭资源后点击smartbi中的清空缓存,重新打开资源查看Echarts图形-扩展属性:设置x轴标签显示在坐标轴刻度中间
(本文档仅供参考) 问题 如何实现将x轴的标签值放在刻度中间的效果? image2021-6-4_13-48-26.png 解决方案 可以写扩展属性实现: { "xAxis": { "axisTick": { "alignWithLabel": true } } }Echarts图形-扩展属性:Y坐标轴名称换行
(此文档仅供参考) 问题 希望实现Y轴名称换行 2023-04-13_111901.png 实现方案 可以用以下扩展属性实现:(具体值设置大小可结合实际调整) { "yAxis": { "name": "Y轴1、\r\nY轴2", "nameGap": 10 //与Y轴距离,数值越大距离越大 } } 具体效果如下: 2023-04-13_111947.pngEcharts图形-扩展属性:坐标轴刻度标签名称过长,如何省略中间部分字,显示前后字符
问题1 比如:广东顺德123456家有限公司,显示:广东顺德***公司 解决方案 { "xAxis": { "axisLabel": { "formatter": "function(value){ debugger; if (value.length > 6) { return value.substring(0, 4) + '...'+value.substring(value.length-2) ; } else { return value }}" //名称字符大于6时,显示前4个,后2个字符,中间显示省略号 } } }Echarts图形-扩展属性:Y轴实现坐标梯度增加
(本文档仅供参考) 问题 如何实现Y轴坐标轴梯度增加,如10 100 1000这种。 解决方案 可以用以下扩展属性实现: { "yAxis": { "logBase": 10, "type": 'log', "min": 1 } } 效果图如下: image2020-8-5_16-2-10.png 注:logBase为log的底数,可自行去设置,并且最小值不能为0,因为对数的指数不能为0(min属性),当最小值为0的时候,图形效果会不美观。 y轴递增Echarts图形-扩展属性:X轴坐标与折线图交叉重叠
(此文档仅供参考) 问题 X轴坐标与折线图交叉重叠,希望效果是图形与x轴不交叉重叠。 image2024-5-6_9-50-24.png 实现方案 出现重合的原因是因为度量数值上本身存在负值的情况,而且本身xy轴的0刻度默认是重合的,如不需要重合,则需要重新调整默认值 { "xAxis": [{ "axisLine": { "onZero": false } }], "yAxis": { "type": "value", "min": -100Echarts图形-扩展属性:图形x轴y轴颜色及加粗
(此文档仅供参考) 问题 修改图形x轴y轴颜色及加粗 图片10.png 解决方案 可以写扩展属性实现,如下截图: 图片11.png { xAxis: { axisLine: { lineStyle: { color … ', width: 3 } } } } 实现效果: 图片12.png 若为双Y轴图,则需要对两个Y轴进行设置,可参考以下扩展属性: { xAxis: { axisLine