SessionHistoryKit

使用方法

初始化 SessionHistory 对象

var sessionHistory = new SessionHistoryKit.SessionHistory(containerId, options);

参数	含义
containerId	用于存放 Session History 的 HTML 节点的 ID
options	配置选项

设置数据

sessionHistory.setOperations(operations);

参数	含义
operations	operation 数组

绘制

sessionHistory.draw();

可选参数

参数	含义
width	图像区域宽度，默认为750
height	图像区域高度，默认为100
mainColor	线条和节点颜色，默认为#FE9509
lineWidth	线条粗细，默认为2
tipBackgroundColor	ToolTip 背景颜色，默认为#000000
tipTextColor	ToolTip 文字颜色，#ffffff
cardWidth	悬浮卡片宽度，默认为225
radius	节点半径，默认为4
hoverRadius	鼠标悬停时节点半径，默认为8
spacingCoefficient	节点间距系数，默认为0.001。该数值越大节点间距越大
maxSpacing	最大节点间距，默认为200
minSpacing	最小节点间距，默认为30（该数值不要小于 2 倍最大节点半径）

使用示例

<div id="history"></div>		
<script src="history-kit.js"></script>
<script>
	var sessionHistory = new SessionHistoryKit.SessionHistory('history', {
		width: 750,
		height: 100
	});
	var operations = []; // populate the operation array
	sessionHistory.setOperations(operations);
	sessionHistory.draw();
</script>

效果：

可运行的实例可参考 history.html。