Echart - legend 图例组件

2019-11-23  本文已影响0人  极客_Ls

legend.type

图例的类型。可选值:
'plain':普通图例。缺省就是普通图例。
'scroll':可滚动翻页的图例。当图例数量较多时可以使用。

legend.id

组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。

legend.show

展示组件,默认true

legend.zlevel

默认0

legend.z

默认2

legend.left

图例组件离容器左侧的距离
right、top、bottom类似

legend.width

图例组件的宽度。默认自适应。

legend.height

图例组件的高度。默认自适应。

legend.orient

图例列表的布局朝向。
可选: 'horizontal'、'vertical'

legend.align

图例标记和文本的对齐
可选: 'auto'、 'left'、 'right'

legend.padding

图例内边距,单位px,默认各方向内边距为5,接受数组分别设定上右下左边距。

legend.itemGap

图例每项之间的间隔。横向布局时为水平间隔,纵向布局时为纵向间隔。

legend.itemWidth

图例标记的图形宽度。

legend.itemHeight

图例标记的图形高度。

legend.symbolKeepAspect

是否在缩放时保持该图形的长宽比。

legend.selectedMode

图例选择的模式,控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择,可以设成 false 关闭。
除此之外也可以设成 'single' 或者 'multiple' 使用单选或者多选模式

legend.inactiveColor

图例关闭时的颜色。

legend.selected

图例选中状态表。

legend.textStyle

详情请参照title.textStyle

legend.icon

图例项的 icon。
ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
可以通过 'image://url' 设置为图片,其中 URL 为图片的链接,或者 dataURI。

legend.data[i]

图例的数据数组

data: [{
    name: '系列1',
    // 强制设置图形为圆。
    icon: 'circle',
    // 设置文本为红色
    textStyle: {
        color: 'red'
    }
}]

其他属性

legend.borderColor
legend.borderWidth
legend.borderRadius
legend.shadowBlur
legend.shadowColor
legend.shadowOffsetX
legend.shadowOffsetY
legend.scrollDataIndex
legend.pageButtonItemGap
legend.pageButtonGap
legend.pageButtonPosition

上一篇 下一篇

猜你喜欢

热点阅读