通用配置场景
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
配置legend
的tip
属性可开启legend悬浮提示。开启tip配置之后,可进一步配置tipFormatter
属性来进行格式化tip显示内容(取值优先级:tipFormatter
=> itemFormatter
=> value
)
Note: legend
的tip
属性是通过dom
的title
属性来进行简单实现的,只能满足简单场景。
Tooltip
可以通过配置config.tooltip
来控制图表里的图例,详细的请看这里配置-提示信息