react-ecgchart

`##文档目录

• 部分示例代码参见 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'