通用配置场景

Props

width/height

通过width/height这两个属性可以配置图表组件的宽度和高度,不配置时则默认为父组件的宽度/高度。 注意,这两个属性是直接通过props向组件传递的,不需要放在config中。



以下所有配置都是config中的参数。

Padding

可以通过配置config.padding来控制图表的内边距。padding的值类似与css里的padding,详细的请看这里属性-padding

设置Padding大小


Legend

可以通过配置config.legend来控制图表里的图例,详细的请看这里配置-图例

Legend位置


Legend在右边

通过设置Chart的右Padding和Legend的offsetY属性来控制legend的位置。

Note: 右Padding是指圆形的右边界到渲染区域的右边界。offsetY是指圆形的右边界到legend的左边界。


Legend tip

配置legendtip属性可开启legend悬浮提示。开启tip配置之后,可进一步配置tipFormatter属性来进行格式化tip显示内容(取值优先级:tipFormatter => itemFormatter => value

Note: legendtip属性是通过domtitle属性来进行简单实现的,只能满足简单场景。


Tooltip

可以通过配置config.tooltip来控制图表里的图例,详细的请看这里配置-提示信息

自定义tooltip


复杂Tooltip