第1页，共20页。 显示 195 条结果 (0.017 秒)
Echarts图形-扩展属性：图例 - 饼图图例样式，以及图例和文字的位置修改
(此文档仅供参考) 问题1 如何修改图例样式，以及图例和文字的位置 1.png 解决方案 可以使用扩展属性实现 { "legend": { "icon": "circle", //这个字段控制形状 类型包括 circle，rect，roundRect，triangle，diamond，pin，arrow，none "itemWidth": 10, "itemHeight": 10, "align": "left" //图例标记和文本的对齐。默认自动，可选：'auto'/'left'/'right' } } 问题2：调整饼图图例Echarts图形-扩展属性：图例 - 地图图例横向显示
（本文档仅供参考） 问题 Echarts图形图例需要横向展示，如何来实现呢？ 解决方案 可在图形中增加扩展属性，设置图例条的方向为横向： { "visualMap": [{ "orient": "horizontal" }] } 效果如图： image2018-8-3 14:45:57.png 地图图例横向展示Echarts图形-扩展属性：折线 - 线图线条颜色，图例图标颜色及图例文字颜色
(本文档仅供参考) 问题 如何修改线图线条颜色、图例图标颜色及图例文字颜色？ image2021-6-3_18-11-46.png 解决方案 可以使用扩展属性实现 { "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyleEcharts图形-扩展属性：图例 - 地图调整图例位置
问题 地图图例位置怎么调整？ 解决方案 可在图形中通过扩展属性实现： { "visualMap": [ { "left": "10%", "bottom": "10%", "show": true } ] } 效果如图： image2023-1-17_10-52-32.png 地图图例位置Echarts图形-扩展属性：图例 - 设置地图图例单位
（此文档仅供参考） 问题 希望修改地图图例中指标的数据格式，比如换算成万元。 image2024-3-4_18-36-52.png 解决方案 可在图形中通过扩展属性实现 { "visualMap": [ { "type": "continuous", "seriesIndex": 0, "formatter": "function(a){ return (a/10000).toFixed(0) + '万';}" } ] } image2024-3-4_18-39-2.png 图例单位Echarts图形-扩展属性：图例 - 地图调整图例柱子粗细及文字位置
问题 地图图例柱子粗细怎么调整，以及怎么让图例的两端文字显示在柱子内部？ 解决方案 可在图形中通过扩展属性实现： { "visualMap": [{ "show": true, "itemWidth": 100, //图形的宽度，即长条的宽度 … /option.html#visualMap-continuous https://echarts.apache.org/zh/option.html#visualMap-continuous 地图图例大小Echarts图形-扩展属性：图例换行或分页显示
(本文档仅供参考) 问题1： 如何实现图例不分页，但换行显示 2023-09-08_151539.png 解决方案 可参考以下扩展属性 { legend: { width: '40%', // 设置图例列表的宽度 left: 'center', //图例放中间 } } 1.电子表格中 2023-09-08_151115.png 图例换行2-2.png 2.仪表盘中 由于仪表盘是默认对图例分页，所以如果不需要分页则需要额外隐藏分页 2023-09-08_144319.png 问题2： 当图例很多一次性展示的时候会和y轴重叠，是否可以设置图例分页显示的效果Echarts图形 - 调整图形与图例之间的距离
（此文档仅供参考） 问题现象 图形和图例重叠了，要如何调整玫瑰图与图例的距离？ image2018-10-26 14:51:0.png 解决方案 设置圆心的位置，来间接调整图形与图例之间的距离 一、电子表格 image2018-10-26 14:52:36.png 二、仪表盘 2023-10-07_102834.png 图例和图形重叠Echarts图形-扩展属性：样式 - 饼图的颜色修改，图例圆点样式的修改
（本文档仅供参考） 问题1 想修改饼图的颜色，然后图例圆点显示，如下图： image2021-3-19_10-9-22.png 解决方案 可以使用扩展属性实现，如下： { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向，vertical竖向排版 "align": "left", //图例对齐方式 "right": "16px", //图例距右侧距离16像素 "top": "center", //图例距顶部上下居中 "iconEcharts图形-扩展属性：图例 - 如何显示提示说明
（此文档仅供参考） 问题描述 Echarts图形的多个系列时，涉及复杂计算的希望显示系列计算公式，例如鼠标悬浮到图例就显示出前期统计的计算公式说明，如何实现？ image2025-6-6_14-39-58.png 实现方案 此示例的扩展属性如下，相关的属性可以上echarts官网查看，http … ' } } } image2025-6-6_14-44-20.png 效果： image2025-6-6_14-47-41.png 图例提示 图例说明 图例鼠标提示 悬浮说明
