Echarts配置项 [ 陆续更新 ]

配置项

  title      标题组件,包含主标题和副标题。

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

    show     是否显示标题组件

    text      主标题文本,支持使用 \n 换行

    link      主标题文本超链接

    traget     指定窗口打开主标题超链接

    textStyle

      color          主标题文字的颜色

      fontStyle         主标题文字字体的风格

      fontWeight        主标题文字字体的粗细

      fontFamily         主标题文字的字体系列

      fontSize           主标题文字的字体大小(数字 不带单位  下皆同)

      lineHeight          行高

      width             文本显示宽度

      height            文本显示高度

      textBorderColor     文字本身的描边颜色

      textBorderWidth       文字本身的描边宽度 

      textBorderType       文字本身的描边类型

      textBorderDashOffset    用于设置虚线的偏移量

      textShadowColor       文字本身的阴影颜色

      textShadowBlur       文字本身的阴影长度

      textShadowOffsetX    文字本身的阴影X偏移

      textShadowOffsetY    文字本身的阴影Y偏移

      overflow          文字超出宽度是否截断或者换行

      ellipsis          在overflow配置为 'truncate' 的时候, 可以通过该属性配置末尾显示的文本

      lineOverflow        文本超出高度部分是否截断

      rick             富文本

    subtext        副标题

    sublink        副标题文本超链接

    subtarget       副标题超链接打开方式

    subtextStyle

      color            副标题颜色

      fontStyle           副标题风格

      fontWeight           副标题字体粗细

      fontFamily           副标题字体

      fontSzie             副标题文字大小

      align             文字水平对其方式

      verticalAlign          文字的垂直对齐方式

      lineHeight            行高

      width            显示宽度

      height             显示高度

      textBorderColor       文字本身描边颜色

      textBorderWidth         文字本身的描边宽度

      textBorderType        文字本身的描边类型

      textBorderDashOffset    设置虚线的偏移量 可搭配textBorderType 指定 dash array 实现灵活的虚线效果

      textShadowColor       文字本身的阴影颜色

      textShadowBlur       文字本身的阴影长度

      textShdowOffsetX      文字本身的阴影X偏移

      textShdowOffsetY      文字本身的阴影Y偏移

      overflow            文字超出宽度是否截断或者换行 配置 width 时有效

      ellipsis            在overflow配置为 'truncate' 的时候,可以通过该属性配置末尾显示的文本

      lineOverflow           文本超出高度部分是否截断,配置 height 时有效

      rich             自定义富文本

    textAlign            整体 (包括 text 和 subtext ) 的水平对齐

    triggerEvent           是否触发事件

    padding           标题内边距

    itemGap       主副标题之间的间距

    zlevel         所有图形的zlevel值

    z            数组的所有图形的z值,控制图形的前后顺序. z值小的图形会被 z 值大的图形覆盖  z相比 zlevel 优先级更低,而且不会创建新的 Canvas

    left           title组件里容器左侧的距离

    right           title 组件距离容器右侧的距离

    buttom         title组件距离容器下侧的距离

    backgroundColor    标题的边框颜色  支持的颜色格式同 backgroundColor

    borderWidth     标题的边框线宽

    borderRadius      圆角半径

    shadowBlur      图形阴影的模糊大小

    shadowColor      阴影颜色    ( 生效前提 show: true )

    shadowOffsetX      阴影水平方向上的偏移距离

    shadowOffsetY    阴影垂直方向上的偏移距离

  legend      图例组件  图例组件展现了不同系列的标记(symbol),颜色和名字。

    type       图例的类型  普通图例 / 可滚动翻页图例

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

    show        是否显示

    zlevel        所有图形的zlevel值

    z          组件的所有图形的z值  控制图形的前后顺序

    left       组件距离容器左侧的距离

    right       组件距离容器右侧的距离

    top       组件距离容器顶部的距离

    bottom      组件距离容器底部的距离

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

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

    orient      图例列表的布局朝向

    align        图例标记和文本的对齐

    padding     图例内边距 默认各个方向内边距都为 5

    itemGap     图例每项之间的间隔

    itemWidth       图里标记的图形宽度

    itemHeight    图里标记的图形高度

    itemStyle      图例的图形样式

      color              图形的颜色

      borderColor            图形的描边颜色

      borderWidth           边长

      borderType             描边类型

      borderDashOffset          用于设置虚线的偏移量

      borderCap            用于指定线段末端的绘制方式

      borderJoin           用于设置2个长度不为0的相连部分如何连接在一起的属性

      borderMiterLimit         用户设置斜接面限制比例  只有当 borderJoin 为 miter 时 borderMIterLimit 才有效

      shadowBlur            图形阴影的模糊大小  该属性配合 shadowColor  shadowOffsetX  shadowOffsetY

      shadowColor           阴影颜色

      shadowOffsetX           阴影水平方向上的偏移距离

      shadowOffsetY           阴影垂直方向上的偏移距离

      opacity              图形透明度

      decal              图形的印花图案 

      

posted on 2021-06-17 22:32  贲风  阅读(1153)  评论(0)    收藏  举报