@zsqcli/ltimeaxis v0.0.2

一：说明： 该组件是一个显示当天24小时的时间轴。

二：使用： npm i @zsqcli/ltimeaxis

import React from 'react'; import LTimeAxis from '@zsqcli/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：时间轴是否播放