• pv of pages
• uv of pages

显示数据格式

父组件

• <BarChart />
• <RadarChart />

Properties

• width Number optional

图例的宽度。

• Number optional

图例的高度。

• layout 'horizontal', 'vertical'

图例的布局类型：横向布局、纵向布局。

默认值：'horizontal'

• 'left', 'center', 'right'

水平方向的对齐方式。

默认值：'center'

• verticalAlign 'top', 'middle', 'bottom'

垂直方向的对齐方式。

默认值：'middle'

• Number

图例中图标的大小。

• iconType 'line' | 'square' | 'rect' | 'circle' | 'cross' | 'diamond' | 'star' | 'triangle' | 'wye'

图例中图标的类型。

• Array

图例的源数据，通常内部计算，如果用户指定了这个值，会覆盖内部计算的值。

默认值：[]

格式：

• chartWidth Number

图表的宽度，通常父组件会传下来。

• Number

图表的高度，通常父组件会传下来。

• margin Object optional

父组件的 marign 值。

格式：

• ReactElement | Function optional

定制图例展示的内容。如果值为 React element，会克隆这个元素来渲染图例的内容。如果值为函数，会调用这个函数来生成图例的内容。

格式：

每个项目中“文本”的格式化函数。

示例：

• Render colorful legend texts

• Object optional

图例是使用 HTML 渲染的，最外层的节点是一个绝对定位的 div ，所以你可以通过 top、left 来指定图例的位置，当然也可以指定其他的样式。

示例：

• React Inline style

• Function optional

图例每个项目 click 事件的回调函数。

• onMouseDown Function optional

图例每个项目 mousedown 事件的回调函数。

• Function optional

图例每个项目 mouseup 事件的回调函数。

• onMouseMove Function optional

图例每个项目 mousemove 事件的回调函数。

• Function optional

图例每个项目 mouseover 事件的回调函数。

• onMouseOut Function optional

图例每个项目 mouseout 事件的回调函数。

• Function optional

图例每个项目 moustenter 事件的回调函数。

示例：

• Legend customized event to effect the opacity of Line

• Function optional

示例：