可通过四种方式添加交互图表参考线：一、使用图表编辑器内置功能；二、通过json/javascript代码注入；三、利用坐标轴刻度联动生成动态参考线；四、借助图层叠加手动绘制。
如果您在创建交互图表时需要突出显示特定数值或阈值，则可以通过添加参考线来实现。以下是设置交互图表参考线的具体操作步骤：
一、使用图表编辑器内置参考线功能
多数交互图表工具（如ECharts、Plotly、Tableau或Power BI）提供可视化界面中的参考线配置入口，无需编写代码即可快速添加水平或垂直参考线。
1、在图表编辑面板中找到“格式”或“分析”选项卡。
2、点击“添加参考线”或“参考线设置”按钮。
3、选择参考线类型：水平线、垂直线或区域带。
4、输入目标值：例如输入85作为Y轴水平参考线的数值。
5、设置样式：调整线条颜色、粗细、虚实及标签文字内容。
二、通过JSON或JavaScript代码注入参考线
对于支持脚本配置的交互图表库（如ECharts），可直接在option配置项中插入dataZoom、markLine或markArea对象，实现更灵活的参考线控制。
1、定位到图表初始化代码中的option对象。
2、在series数组内对应的数据系列中，添加markLine属性。
3、在markLine.data中定义参考线端点，例如：[{yAxis: 90}]表示Y轴90处的水平线。
4、若需多条线，可传入多个对象，如[{yAxis: 75}, {yAxis: 95}].
三、利用坐标轴刻度联动生成动态参考线
当参考线需随数据范围自动调整（如平均值、中位数），可通过计算后绑定至坐标轴tick或grid参数，使参考线响应数据变化。
1、在图表渲染前，对原始数据执行统计计算，获取平均值resultAvg。
2、将resultAvg赋值给yAxis.splitNumber或yAxis.min/max的偏移量参数。
3、启用yAxis.axisLine.show并设置axisLine.lineStyle.color为#FF6B6B以高亮该基准位置。
4、在tooltip.formatter中加入判断逻辑，当鼠标悬停于该位置时显示“参考均值”标识。
四、借助图层叠加方式手动绘制参考线
在不支持原生参考线的轻量级图表库中，可通过SVG或Canvas图层覆盖方式，在图表容器上绝对定位绘制线条元素。
1、获取图表容器DOM节点的getBoundingClientRect()返回值。
2、根据数据映射关系，将目标数值转换为像素坐标，例如Y=100映射为top: 64px。
3、创建div元素，设置style.position = 'absolute'，并赋予固定宽高与背景色。
4、将该div追加至图表父容器，并监听窗口resize事件以重算位置。
