ECharts 入门教程 ECharts图例组件配置 图例控制块

2024-02-25 开发教程 ECharts 入门教程 匿名 5

legend.pageButtonItemGap | number

[ default: 5 ]

legend.type 为 'scroll' 时有效。

图例控制块中,按钮和页信息之间的间隔。

参见 滚动图例(垂直)滚动图例(水平)


legend.pageButtonGap | number

[ default: null ]

legend.type 为 'scroll' 时有效。

图例控制块和图例项之间的间隔。

参见 滚动图例(垂直)滚动图例(水平)


legend.pageButtonPosition | string

[ default: 'end' ]

legend.type 为 'scroll' 时有效。

图例控制块的位置。可选值为:

  • 'start':控制块在左或上。
  • 'end':按钮快在右或下。

参见 滚动图例(垂直)滚动图例(水平)


legend.pageFormatter | string, Function

[ default: '{current}/{total}' ]

legend.type 为 'scroll' 时有效。

图例控制块中,页信息的显示格式。默认为 '{current}/{total}',其中 {current} 是当前页号(从 1 开始计数),{total} 是总页数。

如果 pageFormatter 使用函数,须返回字符串,参数为:

{
current: number
total: number
}

参见 滚动图例(垂直)滚动图例(水平)