第85页,共149页。 显示 1,488 条结果 (0.028 秒)
Echarts图形-扩展属性:缩略轴 - 横向柱状图缩略轴、添加上下方向滚动条、隐藏滚动条
(本文档仅供参考) 问题1: 如何实现多数据的时候,能够设置滚动条,实现区域缩放: https://wiki.smartbi.com.cn/download/attachments/76678968/1.png?version=1&modificationDate=1540177427000&api=v2 解决方案 可以使用扩展属性实现, 若需要实现x轴缩放可参考此wiki文档:https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=35750507 https://history.wiki.smartbi.com.cn/pages/viewpagEcharts图形-扩展属性:X轴标签 - 折线设置x轴起始标签在0处或者坐标轴刻度中间
(此文档仅供参考) 问题 当图形中有多个折线时,X轴的起始标签不在0点处,导致折线两边出现空白 image2018-12-13 14:33:38.png 解决方案 使用Echarts扩展属性解决: { "xAxis": { "boundaryGap": false } } image2018-12-13 14:36:34.png 问题2 希望调整x轴坐标轴名称与圆点在坐标轴刻度中间,如下图 https://wiki.smartbi.com.cn/download/attachments/92082173/2022-06-16_154548.png?versionEcharts图形-扩展属性:标签 - 饼图设置数据标签显示名称和数值,饼图数据标签换行
(本文档仅供参考) 问题 如何在饼图上显示各个数据标签显示的名称及数值。 解决方案 若资源类型为电子表格,可以使用如下扩展属性: 1 2 3 4 5 6 7 8 9 { "series": [{ "label": { "normal": { "formatter": "function(arg){return arg.name http://arg.name + ','+arg.value}" } } }] } 实现效果如下图所示: image2021-7-26_18-44-15.png 若资源类型为自助仪表盘,可直接将相关展示字段添加至标签,具体步骤如下图所示: 1.拖拽需显Echarts图形-扩展属性:标签 - 环形图的数据标签只显示百分比且只保留两位小数
问题 环形图可以只显示百分比,不显示文字吗?另外那个百分比好像会四舍五入,可以保留两位小数吗? 未命名.jpg 解决方案 在环形图上加上以下扩展属性即可。 { "series": [{ "label": { "normal": { "show": true, "position": "outer", "formatter": "{d}%" } } }] } 环形图数据标签显示百分比Echarts图形-扩展属性:标签 - 饼图数据项标签颜色和饼图一致,但想修改字体
(本文档仅供参考) 问题1 我在做饼图的时候,数据标签设置显示,没有设置文本样式之前,我的饼图的数据项标签的颜色是和饼图一样的,如下图的效果: image2021-4-15_16-51-26.png image2021-4-15_16-50-47.png 但是我想修改字体的大小时,这个设置项会把我的字体颜色都变成统一了,如下的效果: image2021-4-15_16-53-15.png image2021-4-15_16-53-33.png 我不想把我字体的颜色修改,希望和饼图的颜色一致,同时又想修改字体的大小,我要怎么实现呢? 解决方案 数据项标签这里不设置: image2021-4-15_16-55-48.pngEcharts图形-扩展属性:鼠标提示 - 饼图鼠标提示显示千分位、保留两位小数和显示百分比
(本文档仅供参考) 问题 饼图鼠标提示显示千分位和保留两位小数,并且00也要显示出来 image2022-3-23_14-21-34.png 方案 可以参考下方扩展属性: { "tooltip": { "formatter": "function(arg){return arg.name http://arg.name+': \\n'+parseFloat((arg.value).toFixed(2)).toLocaleString('en',{ minimumFractionDigits: 2 })+' \\n('+Math.round(arg.perceEcharts图形-扩展属性:x轴刻度标签名称过长,如何省略中间部分字,显示前后字符
问题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图形-扩展属性:泡泡图 - 动态时间轴标签文字的颜色和字体在哪里设置
(本文档仅供参考) 问题 泡泡图-动态时间轴标签文字的颜色和字体在哪里设置。 解决方案 图形中标题的字体颜色和大小设置如下: 1.jpg 时间轴上的标签文字的颜色和大小设置,在timeline组件设置代码option.timeline = {}中加上如下代码: label: { normal:{ textStyle:{ fontSize: 14, color:'red' } } }Echarts图形-扩展属性:样式 - 自助仪表盘中的树图怎么不缩放不移动,实现固定的效果
(本文档仅供参考) 问题说明 自助仪表盘图形组件中的树图怎么设置不缩放,不滚动,固定的效果: image2021-3-19_9-47-20.png 解决方案 可以添加扩展属性实现,如下: image2021-3-19_9-46-55.png 具体的扩展属性如下: "series": [ { //这个是鼠标滚轮缩放的 "roam": false, //这个是控制点击移动的 "nodeClick": false } ] 树图固定不移动 树图固定 树图不动Echarts图形-扩展属性:鼠标提示 - 关系图圈上面的鼠标提示不显示,只显示线上的鼠标提示
(本文档仅供参考) 问题 关系图,圈上面的鼠标提示不显示,只显示线上的鼠标提示。 image2018-11-14 15:3:17.png 解决方案 可使用如下扩展属性代码实现: 注:线上的params.value获取的是links里面的value,若想线上有值显示,需要设置links的value { "tooltip": { "trigger": "item", "formatter": "function(params){if(params.dataType=='edge'){return params.name + ' : ' + params.value ;} else {r