# 接口: LegendOptions<TType>
# 类型参数
名称 | 类型 |
---|---|
TType | 扩展 ChartType |
# 属性
# align
• align: Align
图例的对齐方式。
默认
'center'
# 定义于
types/index.d.ts:2364 (在新窗口中打开)
# display
• display: boolean
图例是否显示?
默认
true
# 定义于
types/index.d.ts:2354 (在新窗口中打开)
# fullSize
• fullSize: boolean
标记此框应占用画布的全部宽度/高度(移动其他框)。在日常使用中不太需要更改。
默认
true
# 定义于
types/index.d.ts:2377 (在新窗口中打开)
# labels
• labels: Object
# 类型声明
名称 | 类型 | 描述 |
---|---|---|
borderRadius | number | 覆盖要使用的 borderRadius。默认 undefined |
boxHeight | number | 彩色框的高度。默认 fontSize |
boxPadding | number | 彩色框和文本之间的填充。默认 1 |
boxWidth | number | 彩色框的宽度。默认 40 |
color | Color | 标签的颜色。参见 Defaults.color |
font | ScriptableAndScriptableOptions <Partial <FontSpec >, ScriptableChartContext > | 标签的字体。参见 Defaults.font |
padding | number | 彩色框行之间的填充。默认 10 |
pointStyle | PointStyle | 覆盖图例的点样式。仅在 usePointStyle 为 true 时适用 |
pointStyleWidth | number | 如果 usePointStyle 为 true,则图例使用的点样式的宽度。 |
textAlign? | TextAlign | 文本对齐方式 |
useBorderRadius | boolean | 标签 borderRadius 将匹配相应的 borderRadius。默认 false |
usePointStyle | boolean | 标签样式将匹配相应的点样式(大小基于 boxWidth 和 font.size 之间的最小值)。默认 false |
filter | (item : LegendItem , data : ChartData <keyof ChartTypeRegistry , (number | [number , number ] | Point | BubbleDataPoint )[], unknown >) => boolean | 从图例中过滤图例项。接收 2 个参数,一个图例项和图表数据 |
generateLabels | (chart : Chart <keyof ChartTypeRegistry , (number | [number , number ] | Point | BubbleDataPoint )[], unknown >) => LegendItem [] | 为图例中的每个内容生成图例项。默认实现返回彩色框的文本和样式。有关详细信息,请参见图例项。 |
sort | (a : LegendItem , b : LegendItem , data : ChartData <keyof ChartTypeRegistry , (number | [number , number ] | Point | BubbleDataPoint )[], unknown >) => number | 对图例项进行排序 |
# 定义于
types/index.d.ts:2396 (在新窗口中打开)
# maxHeight
• maxHeight: number
图例的最大高度,以像素为单位
# 定义于
types/index.d.ts:2368 (在新窗口中打开)
# maxWidth
• maxWidth: number
图例的最大宽度,以像素为单位
# 定义于
types/index.d.ts:2372 (在新窗口中打开)
# position
• position: LayoutPosition
图例的位置。
默认
'top'
# 定义于
types/index.d.ts:2359 (在新窗口中打开)
# reverse
• reverse: boolean
图例将以相反的顺序显示数据集。
默认
false
# 定义在
types/index.d.ts:2382 (在新窗口中打开)
# rtl
• rtl: boolean
true 表示从右到左渲染图例。
# 定义在
types/index.d.ts:2477 (在新窗口中打开)
# textDirection
• textDirection: string
这将强制在画布上渲染图例时,无论画布上指定的 CSS 如何,文本方向为 'rtl' 或 'ltr'。
默认
画布的默认值
# 定义在
types/index.d.ts:2482 (在新窗口中打开)
# title
• title: Object
# 类型声明
名称 | 类型 | 描述 |
---|---|---|
color | Color | 标题的颜色 参见 Defaults.color |
display | boolean | 是否显示图例标题。 默认值 false |
font | ScriptableAndScriptableOptions <Partial <FontSpec >, ScriptableChartContext > | 参见 字体 |
padding? | number | ChartArea | - |
position | "center" | "end" | "start" | - |
text | string | 字符串标题。 |
# 定义在
types/index.d.ts:2484 (在新窗口中打开)
# 方法
# onClick
▸ onClick(this
, e
, legendItem
, legend
): void
当在标签项目上注册点击事件时调用的回调函数。
# 参数
名称 | 类型 |
---|---|
this | LegendElement <TType > |
e | ChartEvent |
legendItem | LegendItem |
legend | LegendElement <TType > |
# 返回值
void
# 定义在
types/index.d.ts:2386 (在新窗口中打开)
# onHover
▸ onHover(this
, e
, legendItem
, legend
): void
当在标签项目上注册 'mousemove' 事件时调用的回调函数。
# 参数
名称 | 类型 |
---|---|
this | LegendElement <TType > |
e | ChartEvent |
legendItem | LegendItem |
legend | LegendElement <TType > |
# 返回值
void
# 定义在
types/index.d.ts:2390 (在新窗口中打开)
# onLeave
▸ onLeave(this
, e
, legendItem
, legend
): void
当在先前悬停的标签项目外部注册 'mousemove' 事件时调用的回调函数。
# 参数
名称 | 类型 |
---|---|
this | LegendElement <TType > |
e | ChartEvent |
legendItem | LegendItem |
legend | LegendElement <TType > |
# 返回值
void