/echarts_tutorial/
ECharts图例组件配置项
  1. ECharts 实例操作
    1. ECharts实例一：拖拽的实现
    2. ECharts实例二：实现日历图
  2. ECharts API
    1. ECharts API 全局echarts对象
      1. ECharts API图形相关帮助方法
    2. ECharts API 通过echarts.init创建的实例
    3. ECharts 支持图表的行为（action）
      1. 指定与取消ECharts数据图形高亮
      2. ECharts中与图例组件相关的行为（action）
      3. 显示和隐藏ECharts提示框
      4. ECharts数据区域缩放
      5. ECharts 视觉映射操作
      6. ECharts中时间轴的操作
      7. ECharts工具栏操作
      8. ECharts中饼图的操作
      9. ECharts地图组件应用
      10. ECharts地图图表应用
      11. ECharts关系图设置
      12. ECharts进行区域选择
    4. ECharts中的事件列表
      1. ECharts鼠标事件
      2. ECharts中的图例事件
      3. ECharts数据区域缩放事件
      4. ECharts视觉映射组件的触发事件
      5. EChartss时间轴事件
      6. ECharts 重置事件
      7. ECharts工具栏事件
      8. ECharts地图区域处理事件
      9. ECharts饼图扇形选中事件
      10. ECharts 平行坐标轴范围选取
      11. ECharts 高亮事件
      12. ECharts 添加选框事件
  3. ECharts附录
    1. ECharts附录一 按需引入ECharts图表和组件
  4. ECharts配置项.setOption
    1. ECharts配置项中标题的设置
      1. ECharts主标题文字设置
    2. ECharts图例组件配置项
      1. ECharts图例组件配置 图例类型
      2. ECharts图例组件配置 图例的zlevel和z值
      3. ECharts图例组件配置 控制图例组件的位置和宽高
      4. ECharts图例组件配置 图例列表布局和文本对齐
      5. ECharts图例组件配置 内边距与间隔
      6. ECharts图例组件配置 格式化文本
      7. ECharts图例组件配置 状态显示
      8. ECharts图例组件配置 文本样式
      9. ECharts图例组件配置 tooltip配置
      10. ECharts图例组件配置 数据项及图例项
      11. ECharts图例组件配置 背景色及边框
      12. ECharts图例组件配置项 图例阴影
      13. ECharts图例组件配置 图例滚动
      14. ECharts图例组件配置 图例控制块
      15. ECharts图例组件配置 图例控制块的图标
      16. ECharts图例组件配置 翻页按钮
      17. ECharts grid组件配置 直角坐标系网格的实现
    3. ECharts xAxis配置 直角坐标系x轴
      1. ECharts xAxis配置 x坐标轴的显示与索引
      2. ECharts xAxis配置 x坐标轴的位置及偏移
      3. ECharts xAxis配置 x坐标轴的类型
      4. ECharts xAxis配置 x坐标轴名称
      5. ECharts xAxis配置 x坐标轴名称的文本样式
      6. ECharts xAxis配置 x坐标轴名称旋转、与轴线的距离
      7. ECharts配置x坐标轴的反向及留白
      8. ECharts xAxis配置 x坐标轴刻度
      9. ECharts xAxis配置 坐标轴脱离0值及段数分割
      10. ECharts xAxis配置 x坐标轴刻度分割间隔
      11. ECharts xAxis配置 对数轴及静态坐标轴
      12. ECharts xAxis配置 坐标轴标签是否触发鼠标事件
      13. ECharts xAxis配置 设置x坐标轴轴线
      14. ECharts xAxis配置 x坐标轴刻度设置
      15. ECharts xAxis配置 x坐标轴刻度标签设置
      16. xAxis配置x坐标轴分隔线
      17. xAxis配置坐标轴分隔区域设置
      18. xAxis配置类目数据
      19. ECharts中x坐标轴指示器的设置
      20. ECharts设置x轴图形的zlevel和z值
    4. 设置ECharts直角坐标系的y轴
      1. yAxis的基本属性
      2. 设置yAxis中坐标轴名称的文本样式
      3. ECharts中y轴怎么反向与留白
      4. ECharts设置y轴刻度的最大值与最小值
      5. 让ECharts的y轴脱离0刻度
      6. 分割ECharts的y轴并设置坐标轴间隔
      7. 判断yAxis是否静态并设置对数轴底数
      8. yAxis标签怎么触发鼠标事件
      9. ECharts中y轴的轴线设置
      10. ECharts中y坐标轴刻度的属性
      11. 设置yAxis坐标轴刻度标签的属性
      12. 设置y坐标轴在grid区域的分隔线
      13. 设置yAxis坐标轴分隔区域
      14. 设置yAxis的类目数据
      15. ECharts中y轴的坐标轴指示器
      16. y轴所有图形的zlevel和z值
    5. 设置ECharts的极坐标系polar
      1. ECharts设置极坐标系属性
      2. 在ECharts中设置极坐标系的tooltip
    6. ECharts极坐标系的径向轴
      1. ECharts径向轴的属性设置
      2. 设置ECharts径向轴名称的文本样式
      3. ECharts径向轴轴线属性与样式
      4. 设置ECharts中径向轴刻度
      5. 如何设置ECharts径向轴的刻度标签
      6. ECharts径向轴分隔线设置
      7. ECharts径向轴分隔区域设置
      8. ECharts径向轴类目数据的属性及文本样式
      9. ECharts径向轴指示器属性设置
    7. ECharts极坐标系的angleAxis
      1. 设置ECharts极坐标系的角度轴属性
      2. ECharst角度轴的轴线属性与样式设置
      3. ECharts极坐标系角度轴刻度的属性
      4. ECharts角度轴的刻度标签
      5. 设置ECharts角度轴分隔线的属性与样式
      6. ECharts角度轴分隔区域的属性和样式
      7. ECharts角度轴类目数据与标签设置
      8. 设置ECharts角度轴指示器
    8. radar雷达图坐标系组件配置
      1. radar组件的基本属性介绍
      2. radar坐标轴轴线属性与样式
      3. 雷达图的axisTick属性
      4. radar坐标轴刻度标签属性
      5. radar坐标轴分隔线
      6. radar坐标轴分隔区域的设置
      7. ECharts雷达图的指示器设置
    9. 如何使用dataZoom组件
      1. ECharts内置型数据区域缩放组件（dataZoomInside）
      2. ECharts滑动条型数据区域缩放组件（dataZoomSlider）
    10. ECharts视觉映射组件（visualMap）
      1. 连续型视觉映射组件（visualMapContinuous）的属性
      2. ECharts分段型视觉映射组件
    11. ECharts提示框组件属性
      1. 设置ECharts提示框组件文字的样式
      2. axisPointer配置项
    12. 设置ECharts的全局坐标轴指示器
      1. ECharts全局坐标轴指示器的属性设置
      2. 设置ECharts坐标轴指示器的文本标签
      3. 设置ECharts坐标轴指示器的线条
      4. ECharts坐标轴指示器的阴影样式
      5. ECharts坐标轴指示器拖拽手柄
    13. ECharts工具栏组件（toolbox）
      1. ECharts工具栏的feature属性
      2. ECharts导出图片的操作
      3. ECharts配置项还原
      4. ECharts的数据视图工具
      5. ECharts数据区域缩放工具
      6. ECharts动态类型切换工具
      7. ECharts选框组件的控制按钮
      8. ECharts工具栏组件的icon样式
    14. ECharts区域选择组件（brush）
      1. ECharts区域选择组件（brush）的属性
    15. ECharts地理坐标系组件（geo）
      1. ECharts地理坐标系属性介绍
      2. geo组件文本标签设置
      3. ECharts设置特定的地图区域
    16. ECharts平行坐标系（parallel）
      1. ECharts平行坐标系的属性
      2. 设置多个ECharts平行坐标轴
    17. parallel坐标轴组件的使用
      1. 如何框选parallel坐标轴
      2. ECharts平行坐标轴组件如何设置轴线
      3. 怎么设置ECharts平行坐标轴组件刻度
      4. ECharts如何使用平行坐标轴组件刻度标签
      5. ECharts设置平行坐标轴组件的类目标签
    18. ECharts singleAxis组件基本使用
      1. 怎么设置ECharts单轴的轴线
      2. 如何设置singleAxis组件的刻度
      3. 关于ECharts单轴刻度标签的设置
      4. 用富文本样式设置ECharts的单轴刻度标签
      5. singleAxis组件如何使用分隔线
      6. ECharts设置单轴的分隔区域
      7. ECharts单轴的类目标签属性及文字样式
      8. 单轴指示器在ECharts中的使用
      9. ECharts单轴中tooltip如何设置
    19. 快速上手ECharts时间轴组件
      1. 时间轴timeline轴线如何设置
      2. 设置ECharts时间轴的文本标签
      3. ECharts时间轴图形样式设置
      4. ECharts当前项的图形样式
      5. ECharts控制按钮的样式
    20. ECharts图形元素组件（graphic）
      1. ECharts的group图形元素
      2. ECharts如何使用image图形元素
      3. ECharts图表的文本块设置
      4. ECharts如何设置矩形元素
      5. ECharts圆环图形元素的使用
      6. 设置ECharts扇形元素
      7. ECharts圆弧属性
      8. ECharts多边形元素的基本属性
      9. ECharts图表折线元素
      10. 如何设置ECharts直线元素
      11. ECharts怎么使用贝塞尔曲线
    21. ECharts日历坐标系组件
      1. ECharts日历坐标系属性
      2. ECharts日历坐标系如何设置分隔线
      3. ECharts日历格的样式怎么设置
      4. 如何设置ECharts星期轴的样式
      5. ECharts日历坐标系的月份轴有哪些属性
      6. ECharts日历坐标系年份标签样式
  5. ECharts系列介绍
    1. ECharts折线/面积图属性大全
      1. 如何标注ECharts折线图
      2. ECharts折线图的标域该怎么设置
      3. 设置ECharts折线图的提示框
    2. ECharts柱状图基本属性设置
      1. 设置ECharts柱状图的文本标签
      2. ECharts柱状图的标注如何实现
      3. 使用ECharts柱状图标线
      4. ECharts柱状图提示框
    3. ECharts饼图属性设置
      1. ECharts饼图data数据如何设置
    4. ECharts如何实现散点图
      1. ECharts散点图特定的提示框
    5. 具有涟漪特效的ECharts散点图属性
      1. ECharts涟漪动画设置
      2. ECharts涟漪特效散点图标域
    6. ECharts关于雷达图的一些属性设置
      1. ECharts如何设置雷达图的线条样式
      2. 与ECharts雷达图区域相关的属性设置
    7. Treemap在ECharts中的使用
      1. ECharts设置Treemap属性
      2. Treemap层级设置
      3. Treemap是否响应和触发鼠标事件
      4. Treemap父节点标签
      5. Treemap：使用面包屑显示当前节点路径
      6. Treemap特定的提示框浮层
    8. ECharts箱形图的使用
      1. 设置ECharts箱形图的标注
      2. ECharts设置箱形图标线的属性
      3. 设置ECharts箱形图的标域属性
      4. ECharts箱形图的提示框浮层设置
    9. ECharts图表使用之K线图
      1. K线图有哪些属性？
      2. 如何设置K线图的提示框浮层
  6. ECharts系列列表：热力图
    1. 设置特定于ECharts热力图系列的提示框浮层
  7. ECharts地图系列
    1. ECharts地图的提示框浮层设置
  8. ECharts系列列表：平行坐标系
    1. ECharts平行坐标系属性
  9. ECharts线图：绘制线数据
    1. 如何设置ECharts线图的特效
    2. ECharts线图标域属性介绍
  10. ECharts系列：桑基图的使用
    1. 设置桑基图节点的关系数据
    2. ECharts：特定于桑基图的提示框浮层
  11. ECharts象形柱图
    1. ECharts象形柱图属性设置
    2. 象形柱图hover动画效果设置
    3. ECharts象形柱图的提示框浮层设置
  12. ECharts系列：主题河流图
    1. 设置ECharts主题河流图的提示框浮层
  13. ECharts图表自定义系列
    1. ECharts自定义系列属性
    2. ECharts自定义系列的渲染逻辑
    3. 设置ECharts自定义系列的提示框浮层
阅读(3267) 赞(0)

ECharts图例组件配置项

2017-09-01 11:58:09 更新

legend

图例组件。

图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。

ECharts 3 中单个 echarts 实例中可以存在多个图例组件，会方便多个图例的布局。

当图例数量过多时，可以使用 滚动图例（垂直） 或 滚动图例（水平），参见： legend.type


← ECharts阴影设置
ECharts图例组件配置 图例类型 →

推荐文章

推荐教程

最新教程