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

                                                                                                                                                                                                                                                                                                                                                                                                ECharts图例组件配置项

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

                                                                                                                                                                                                                                                                                                                                                                                                legend

                                                                                                                                                                                                                                                                                                                                                                                                图例组件。

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

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

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


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

                                                                                                                                                                                                                                                                                                                                                                                                推荐文章

                                                                                                                                                                                                                                                                                                                                                                                                推荐教程

                                                                                                                                                                                                                                                                                                                                                                                                技术文章