npm install ksh-plugins一些常用的可视化组件
| 组件 | 说明 |
|-----|------|
| ksh-roll-num | 数字滚动组件 |
| ksh-self-inc | 数字自增滚动组件 |
| ksh-rank-bar | 带排序功能的横向柱图 |
html
数字滚动组件按需加载:
参数:number 数字[Number]
fixed 保留的小数位,默认是number的小数位[Number]
duration 动画持续时间(ms),默认2000[Number, String]
eg:
`$3
`html
数字自增滚动组件按需加载:
参数:number 原始数字[Number]
firstRate 首先展示的数值是原始数据的百分比,必须小于1[Number]
splint 自增次数,默认10次[Number]
time 自增间隔(ms),不能小于2000ms,默认5000ms[Number]
fixedBit 自增过程中强制数字精确到的小数位数[Number]
eg:
`$3
`html
带排序功能的横向柱图按需加载:
参数:data 柱图数据源value:值,name:名称,可选字段unit:单位[Array]
minRate 柱图最小长度(单位%),默认:'2'[Number, String]
padding 图表容器的padding值,与css的padding值写法一致,默认:'10px 15px'[String]
eg:
``