第36页,共123页。 显示 1,221 条结果 (0.068 秒)
Echarts图形-扩展属性:样式 - 自助仪表盘里面,饼图位置调整
(此文档仅供参考) 问题说明 自助仪表盘里面,饼图如何调整位置 4.png 解决方案 可以通过扩展属性实现: 3.png "series": [ { "center": [ "30%", "30%" ] } ] 饼图位置 饼图居左Echarts图形-扩展属性:样式 - 取消数据标签引导线并且数据标签拼接数值
(仅供参考) 问题描述: 希望实现取消数据标签引导线并且数据标签实现拼接数值效果,当下效果如下图: image2023-1-29_10-50-41.png 解决方案 可以使用扩展属性实现 { "series": [{ "label": { "normal": { "formatter": "function(arg){return arg.name + ':'+arg.value.toFixed(1)}" } }, "labelLine"Echarts图形-扩展属性:样式 - 环形图内阴影外阴影的背景实现效果
(本文档仅供参考,此示例在V11版本测试生效) 问题 在仪表盘中怎么环形图(饼图)加内阴影和外阴影? image2024-8-15_15-34-13.png 解决方案 可通过增加以下扩展属性实现: option = { series: [ // 占比环 { zlevel: 3, }, // 内圆 { type: 'pie', zlevel: 2, // 层级 radius: ['0', '47%'], //根据实际调整半径大小 center: ['50%', '55%'],//根据实际调整中心位置Echarts图形-扩展属性:样式 - 环形图如何设置板块间间隙
(本文档仅供参考) 问题 环形图各个板块之间的空隙如何设置?设置成如下样式: 1.png 解决方案 可用扩展属性实现,示例: { "series": [{ "itemStyle": { "normal": { "borderWidth": 5, "borderColor": "rgba(0,255,0,0.36)" //颜色和背景色一致 } } }] } 环形图间隙Echarts图形-扩展属性:样式 - 饼图环形图中调节视觉引导线长度
(本文档仅供参考) 说明 在产品饼图和环形图的配置项中可通过设置【数据项标签】来设置视觉引导线的显示,那么如何调节引导线的长度,如下图所示 image2021-8-30_14-57-28.png 解决方案 如需调节视觉引导线长度,可通过扩展属性来实现,如下 { "legend": { "align": "left" }, "series": [{ "labelLine": { "show": true, "length": 14, "length2": 80 }, }] }Echarts图形-扩展属性:样式 - 饼图的颜色修改,图例圆点样式的修改
(本文档仅供参考) 问题1 想修改饼图的颜色,然后图例圆点显示,如下图: image2021-3-19_10-9-22.png 解决方案 可以使用扩展属性实现,如下: { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版 "align": "left", //图例对齐方式 "right": "16px", //图例距右侧距离16像素 "top": "center", //图例距顶部上下居中 "icon": "ciEcharts图形-扩展属性:x轴标签显示在坐标轴刻度中间
(本文档仅供参考) 问题 如何实现将x轴的标签值放在刻度中间的效果? image2021-6-4_13-48-26.png 解决方案 可以写扩展属性实现: { "xAxis": { "axisTick": { "alignWithLabel": true } } } x轴标签居中Echarts图形-扩展属性:泡泡图 - 实现泡泡图添加矩形的范围
(本文档仅供参考) 问题 希望能实现矩形的标准范围(比如X轴要求780-900的范围且Y轴要求350-500),以便快速识别标准范围外的泡泡点,具体效果如附件所示,请问如何实现?效果图如下: image2019-3-15 11:37:14.png 解决方案 通过扩展属性设置相应区域: { "series": [{ "markArea": { "data": [ [{ "name": "参考", "coord": [150, 1200],Echarts图形-扩展属性:鼠标提示 - 散点图数据标签显示名称
(本文档仅供参考) 问题 如何实现在散点图上直接显示产品名称,如“海鲜”? image2019-4-12 13:0:28.png 解决方案 可直接通过扩展属性实现: { "series": [{ "label": { "normal": { "show": true, "position": "top", "formatter": "function (param) {return param.value[2];}" }Echarts图形-扩展属性:数据标签 - 散点图数据标签如何设置重叠不显示
(本文档仅供参考) 问题描述: 如何实现在散点图上重叠的标签直接不显示,如图: https://static.dingtalk.com/media/lQLPJwNbUg-RCXvNAoXNBLGwezWC7Z53zzcIAokcy1Z9AA_1201_645.png 解决方案 可直接通过扩展属性实现: { "series": [{ "labelLayout": { "hideOverlap": true } }] } https://static.dingtalk.com/m