AI 助理
备案控制台
开发者社区 云计算 文章 正文

eCharts的legend不显示对应名称

2021-12-10 918
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： eCharts的legend不显示对应名称

image.png

配置中的legend的属性 data和另一个属性， series数组中的 name属性不一致会导致不显示

image.png

或者配置中的legend的属性 data和另一个属性， series.data数组中的 name属性不一致也会导致不显

image.png

image.png

这是两种对应name的写法，具体看你怎么写了


关键词：
ECharts legend
ECharts名称
前端老实人
+关注
97文章
目录
打赏
0
0
0
0
4
分享
相关文章
漏刻有时
Echarts组件legend属性显示数据和icon图片自定义的解决方案
Echarts组件legend属性显示数据和icon图片自定义的解决方案
漏刻有时
496 0
六卿
|
6月前
|
UED
使echarts图例legend只选中一个（selectedMode）
本文介绍了如何在ECharts图表中设置图例（legend）的选中模式为单选（'single'），以确保在有多个图例时，用户只能选择一个图例项进行展示，从而提升图表的可读性和用户体验。
六卿
867 1
使echarts图例legend只选中一个（selectedMode）
蓝易云
|
5月前
|
JavaScript API
Echarts中单独为每个legend图例设置样式-根据数据正负显示不同样式
通过上述方法，我们便能够在ECharts中根据数据的正负为每个图例项设置不同的样式，增强了图表的可读性和表现力。这种方法虽然略显间接，但不失为一种灵活的解决方案。
蓝易云
606 2
漏刻有时
echarts图例legend实现默认选中显示状态的解决方案
echarts图例legend实现默认选中显示状态的解决方案
漏刻有时
586 0
水冗水孚
echarts圆环图设置legend数据对齐百分比样式使用rich富文本标签和formatter函数
echarts圆环图设置legend数据对齐百分比样式使用rich富文本标签和formatter函数
水冗水孚
911 0
祈澈菇凉
|
JSON 数据格式
Echarts饼状图修改图例legend文字颜色和字体大小
Echarts饼状图修改图例legend文字颜色和字体大小
祈澈菇凉
1857 1
阿甘兄
58Echarts - 饼图（Pie with Scrollable Legend）
58Echarts - 饼图（Pie with Scrollable Legend）
阿甘兄
68 1
生产队的驴.
Echarts legend图例配置项 设置位置 显示隐藏
Echarts legend图例配置项 设置位置 显示隐藏
生产队的驴.
1225 0
讓丄帝愛伱
echarts图例分页legend
echarts图例分页legend
讓丄帝愛伱
624 0
小猫娃来啦
echarts的legend——图例样式的配置
echarts的legend——图例样式的配置
小猫娃来啦
2582 0

热门文章

最新文章

  • 1
    echarts在.Net中使用实例(二) 使用ajax动态加载数据
    7
  • 2
    ECharts使用小笔记
    1
  • 3
    echarts中饼状图数据太多进行翻页
    5
  • 4
    Echarts高级进阶教程(1)：异步加载大量数据导致dataZoom组件拖动缩放时间轴卡顿的sampling降采样策略解决方案
    8
  • 5
    微信小程序：使用echarts-for-weixin绘制中国地图
    1
  • 6
    Echarts案例：整一个炫酷一点的仪表盘
    9
  • 7
    【揭秘神器】如何用Pyecharts轻松召唤出Echarts？只需几行Python代码，让你的数据瞬间生动起来！
    2
  • 8
    【Echarts大屏】数字化茶叶可视化大屏(附源码一键复制)
    2
  • 9
    selenuim&echarts——可视化分析csdn新星赛道选手展示头像、展示ip城市和断言参赛信息的有效性（进阶篇）（二）
    1
  • 10
    09Echarts - 折线图（Large scale area chart）
    4
  • 1
    一文带你封装Vue3 Echarts
    238
  • 2
    前端echarts加标记点及标记线和提示框
    130
  • 3
    vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
    1108
  • 4
    vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息，增加涟漪特效动画效果
    1338
  • 5
    vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
    597
  • 6
    Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
    448
  • 7
    Echarts中单独为每个legend图例设置样式-根据数据正负显示不同样式
    607
  • 8
    微信小程序图表制作利器：ECharts组件的使用与技巧
    204
  • 9
    vue-element-admin 综合开发五：引入 echarts，封装echarts 组件
    327
  • 10
    echart:html中使用& echarts 的使用
    331

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    基于ECS搭建云上博客