美文网首页
Echart - legend 图例组件

Echart - legend 图例组件

作者: 极客_Ls | 来源:发表于2019-11-23 14:08 被阅读0次

    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

    相关文章

      网友评论

          本文标题:Echart - legend 图例组件

          本文链接:https://www.haomeiwen.com/subject/wgkhwctx.html