ltimeaxis
v0.0.18
Published
一:说明: 该组件是一个显示当天24小时的时间轴。
Downloads
1
Readme
一:说明: 该组件是一个显示当天24小时的时间轴。
二:使用: npm i @czty/ltimeaxis
import React from 'react'; import LTimeAxis from '@czty/ltimeaxis';
const MyComponent = () => { return ( <LTimeAxis draggable={true} configer={ x: 0, y: 0, clazz: '', runwayBg: 'M0 0h128v1024H0V0zM499.2 576h64v448h-64zM2240 0h128v1024h-128V0zM934.4 576h64v448h-64zM1369.6 576h64v448h-64zM1804.8 576h64v448h-64z', bgColor: '#fff', color: '#f90',
svgWidth: 37,
svgHeight: 16,
value: 0,
maxValue: 24,
frequence: 3,
// step: 60,
axisLabelClassName: '',
axisLabelColor: '#fff',
axisLabelTextSize: '14px',
isAxisLabel: '是',
pointerColor: '#f90',
pointerSize: '6',
isPointer: '是',
isPlay: '否'
}
/>
) }
三:字段说明 x: y: clazz: 可添加的组件的className runwayBg: 时间轴svg图 svgWidth: 时间轴svg图宽度 svgHeight: 时间轴svg图高度 bgColor: 时间轴svg图颜色 color: 播放过的时间轴svg图颜色 value: 时间轴当前刻度值 maxValue:时间轴最大刻度值 frequence:时间轴播放频率 axisLabelClassName:时间轴刻度类名 axisLabelColor: 时间轴刻度字体颜色 axisLabelTextSize: 时间轴刻度字体大小 isAxisLabel:时间轴刻度是否显示 pointerColor:指向图标颜色 pointerSize:指向图标尺寸 isPointer:指向图标是否显示 isPlay:时间轴是否播放