配置项
在这里你可以查看所有的配置项,大部分配置项都具有默认配置,你只需要配置个别属性即可快速生成一个图表。当然,也可以配置出个性化的图表。配合实例你可以更快的掌握它们。
样式
图表基于CRender渲染,在配置项中有关样式的配置都基于其Style
类,完整配置项可查阅Class Style,但并非所有配置项都能生效,因为他们可能会被覆盖。
动画
图表数据发生变化时,会伴随动画,配置不同的缓动曲线可以带来不同的动画效果。Transition为CRender
提供了动效支持,查看完整缓动曲线表请移步曲线表。
颜色
图表默认配色如下:
#37a2da
#32c5e9
#67e0e3
#9fe6b8
#ffdb5c
#ff9f7f
#fb7293
#e062ae
#e690d1
#e7bcf3
#9d96f5
#8378ea
#96bfff
更改默认配置
如果在项目中你需要使用多个图表,并且他们的某些配置相同,那么你可以直接更改这些默认配置,这样就不需要重复的对每一个图表进行相关配置。Charts
提供了修改默认配置的方法,示例如下
import { changeDefaultConfig } from '@jiaminghi/charts'
/**
* @description 修改默认配置
* @param {String} key 想要修改的配置项的key
* @param {Object|Array} config 你的配置
* @return {Undefined} 无返回值
*/
changeDefaultConfig('color', ['#000'])
key的可选值如下
color
title
legend
xAxis
yAxis
grid
radarAxis
line
bar
pie
radar
gauge
color →