配置项

在这里你可以查看所有的配置项,大部分配置项都具有默认配置,你只需要配置个别属性即可快速生成一个图表。当然,也可以配置出个性化的图表。配合实例你可以更快的掌握它们。

样式

图表基于CRender渲染,在配置项中有关样式的配置都基于其Style类,完整配置项可查阅Class Style,但并非所有配置项都能生效,因为他们可能会被覆盖。

动画

图表数据发生变化时,会伴随动画,配置不同的缓动曲线可以带来不同的动画效果。TransitionCRender提供了动效支持,查看完整缓动曲线表请移步曲线表

颜色

图表默认配色如下:

#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