`##文档目录

• 部分示例代码参见 App.tsx
• 部分参数默认设置代码参见 constant.ts
• SimplEcgChart 之 ISimplChartProps字段参数说明
• NPM Version

ISimplChartProps字段参数说明:

|参数名|类型|说明|必须？| | :-------------: | :------------: | :------------: | :------: | |containerDecorate | ElementDecorate / undefined | 父容器元素设置(主要用于有滚动条的模式) |否| |containerStyle | CSSProperties / undefined | 父容器样式设置 |否| |interactive | boolean / undefined | 心电图是否响应鼠标事件 |否| |forceRedraw | boolean / undefined | 是否强制重新绘制 |否| |layoutParams | ILayoutParams / undefined | 图表大小尺寸 |否| |rowBackGrid | IRowBackGrid / boolean / undefined | 背景网格绘制 |否| |ecgLine | IECGLine / undefined | 心电图折线绘制属性 |否| |rowScale | IRowScale / undefined | 心电图虚拟坐标范围 |否| |adaptScale | boolean / undefined | 每行心电图虚拟坐标是否根据数据来适配计算 |否| |noise | IRegion / boolean / undefined | 噪音绘制属性 |否| |afvf | IRegion / boolean / undefined | afvf 绘制属性 |否| |annotation | IAnnotation / boolean / undefined | 心搏标注绘制属性 |否| |fragEvent | IFragEvent / boolean / undefined | 段事件绘制属性 |否| |brush | IBrush / undefined | 心电图操作响应类型属性 |否| |marker | IMarker / boolean / undefined | 特殊事件标注 |否| |pointCountPerRow | number / undefined | 一行显示的最大点数 |否| |onContextMenu | function / undefined | 鼠标右键回调函数 |否| |onClick | function / undefined | 鼠标左键回调函数 |否| |keyCombination | IKeyCombination / undefined | 按键组合回调 |否| |drawMode | DrawMode / undefined | 绘制模式 |否| |data | ISimpleData / undefined | 心电图数据 |否|

IRowBackGrid字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |visible | boolean / undefined | 是否绘制 |否| |tickLine | ITickLine / undefined | 是否绘制主网格线(外部粗线) |否| |subTickLine | ISubTickLine / undefined | 是否绘制次级网格线(内部细线) |否| |pixelPerGridCell | number / undefined | 每个小格子包含几个像素 |否| |cellCountPerGrid | number / undefined | 每个大格子包含几个小格子 |否| |pointCountPerGrid | number / undefined | 每个大格子包含几个小点 |否| |yGridCount | number / undefined | Y轴方向包含几个大格子 |否| |space | number / undefined | 每一行之间的间距 |否|

####IECGLine (ITickLine/ISubTickLine)字段参数说明: | 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |lineWidth | number / undefined | 线宽 |否| |lineColor | string / undefined | 线的颜色 |否| |visible (ISubTickLine独有属性) | boolean / undefined | 是否绘制 |否|

IRowScale字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |x | IScale / undefined | x轴方向表示(外部暂时不必调用) |否| |y | IScale / undefined | y轴方向表示 |否|

IScale字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |min | number / undefined | 最小值 |是| |max | number / undefined | 最大值 |是| |range | number[] / undefined | 显示范围(暂时没用) |否|

IRegion字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |visible | boolean / undefined | 是否绘制 |否| |fillColor | string / undefined | 填充颜色 |否| |type | RegionType/ undefined | 类型 |是|

####IAnnotation字段参数说明: | 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |visible | boolean / undefined | 是否绘制 |否| |rp | IRP / undefined | R峰标注绘制属性 |否| |rr_hr | IRR_HR / undefined | RR间期、心率绘制属性 |否| |clickable | boolean / undefined | 是否可以点击 |否| |onAnnotationSelect | function / undefined | 选中的心搏信息回调函数 |否|

IRP字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |textSize | number / undefined | 文字大小 |否| |color | function / undefined | 根据类型设置文字颜色 |否| |abnOffset | number / undefined | 异常类型心电图折线颜色左右偏移点数 |否| |residentClass | string / undefined | 添加的常规class名 |否| |selectedClass | string[] / undefined | 选中时的class名数组，长度 === 2 |否| |clickAreaTimeOffset | number / undefined | 心搏响应附近区域点击效果的偏移时间量 |否|

IRR_HR字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |clazz | string / undefined | 添加的常规class名 |否|

IFragEvent字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |beginSymbol | function / undefined | 开始标志添加 |否| |endSymbol | function / undefined | 结束标志添加 |否|

IBrush字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |action | BrushAction / undefined | 心电图响应的操作形式,枚举类型 |否| |antiShakeOffset | number / undefined | 鼠标滑动防抖偏移量 |否| |rpSelect | IRPSelect / undefined | 心搏可选择模式属性 |否| |segment | ISegment / undefined | 片段选取模式属性 |否| |amplitude | IAmplitude / undefined | 振幅测量模式属性 |否| |scaleLine | IScaleLine / undefined | 标尺模式属性 |否| |preview | IPreview / undefined | 预览模式属性 |否|

BrushAction字段参数说明:

| 枚举字段 | 类型 | 说明 | 编号| | :-------------: | :------------:| :------------: | :------: | |RPSELECT | number | 区域可滑动选择、心搏可选择 |0| |SEGMENT | number | 片段选取 |1| |AMPLITUDE | number | 振幅测量 |2| |SCALELINE | number | 标尺 |3| |PREVIEW | number | 预览 |4|

IRPSelect字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |overBehavior | BrushOverBehavior / undefined | 滑动结束后，背景绘制样式 |否| |autoMerge | boolean / undefined | 滑动区域有重叠时是否合并成一个 |否| |edgeOffsetTimeLong | number / undefined | 滑动区域自动平铺到左右边界的时间偏移量 |否| |rowCrossAble | boolean / undefined | 是否可跨行选择滑动 |否| |callback | function / undefined | 滑动区域的时间池回调函数 |否| |onRefused | function / undefined | ？？ |否|

ISegment字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |inheritAble | boolean / undefined | 当片段选取形成闭合区间时，再次点击是否继承形成区间的时间戳,更新距离近的时间戳 |否| |startColor | string / undefined | 开始颜色 |否| |endColor | string / undefined | 结束颜色 |否| |lineWidth | string / undefined | 线的宽度 |否| |clearPreFlag | boolean / undefined | 是否清除上次选择的区间 |否| |callback | function / undefined | 选择的时间范围回调函数 |否|

IAmplitude字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |fillColor | string / undefined | 滑动区域矩形填充颜色 |否| |textFont | string / undefined | 文字样式 |否| |textColor | string / undefined | 文字属性 |否|

IScaleLine字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |fillColor | string / undefined | 滑动区域矩形填充颜色 |否| |lineColor | string / undefined | 标尺线的颜色 |否| |lineWidth | string / undefined | 标尺线的宽 |否| |textFont | string / undefined | 文字样式 |否| |textColor | string / undefined | 文字属性 |否|

IPreview字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |fillColor | string / undefined | slider区域矩形填充颜色 |否| |sliderDuration | number / undefined | slider时长 |否| |position | PreviewPosition / undefined | 初始位置 |否| |callBack | function / undefined | 时间范围回调函数 |否|

IMarker字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |visible | boolean / undefined | 是否绘制添加 |否| |color | string / undefined | 颜色 |否| |lineWidth | number / undefined | 线宽 |否| |timeFormatter | string / undefined | 文字时间戳格式化样式 |否| |textFont | string / undefined | 文字样式 |否| |textAlign | string / undefined | 文字align属性 |否| |textVisible | boolean / undefined | 是否显示文字 |否|

IKeyCombination字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |keys | Keyboard[] / undefined | 响应的键盘键组合 |否| |onKeyActionListener | function / undefined | 键盘响应回调 |否| |onCombination | function / undefined | 键盘与鼠标组合回调 |否|

ISimpleData字段参数说明:

| 参数名 | 类型 | 说明 | 必须？| | :-------------: | :------------:| :------------: | :------: | |starTimeStamp | number / undefined | 当前数据开始的时间戳 |是| |ecgData | number[] / undefined | 心电图数据 |是| |beatData | BeatData[] / undefined | 心搏数据 |否| |noiseData | RegionData[] / undefined | 噪音数据 |否| |afvfData | RegionData[] / undefined | afvf 数据 |否| |rampantData | Interval[] / undefined | 特殊心电图折线绘制数据 |否| |markerData | Marker[] / undefined | 某一个时间点数据 |否| |fragEventData | FragEventData[] / undefined | 段事件数据 |否| |yScale | IScale / undefined | 每行心电数据单独的y轴幅值刻度 |否|

NPM Version:

最新：react-ecgchart: '1.9.1'