Cursor绘制高保证原型图-三跨风控

业务目标：针对当前三跨风险防控的难点和痛点，精选代表性指标，以全面、及时监控三跨风险现状，为风险防控工作提供有力抓手。
功能：分别通过点击查询条件，展示对应的跨期现、跨场内外、跨境3个区域共7张图。
规范要点：

1. 所有的图均使用echarts实现
2. 7个图分别用7个组件完成
3. 所有图中包含查询条件，查询条件默认收起，首次进入页面时按照各区域的默认查询条件显示结果。金额单位均为亿元，四舍五入并保留两位小数。
4. 整体布局：划分为跨期现、跨场内外、跨境3个区域共7张图。该图中各区域标题左上角显示，每张图子标题居中显示；跨期现区域包含图1、图2、图3，标题为【跨期现】，跨场内外区域包含图4、图5、图6，标题为【跨场内外】，跨境区域包含图7，标题为【跨境】。各个区域需要有大标题，每个图有小标题。

图1：
标题：期现联动及套保率示意图
描述：展示指数收盘点位、基差、套保率三个维度数据，横轴为日期，多纵轴复合图展示
查询条件：标的：下拉选择框，必填项，选项为【沪深300、上证50、中证500、中证1000】，默认【沪深300】；
输出结果：共有三种类型图，分比为标的指数收盘点位折线图，y轴保留两位小数；基差面积图，y轴保留两位小数，有正负值；套保率折线图，y轴保留两位小数，百分比显示。图横坐标支持时间轴伸缩条。横轴为交易日，日期标注排布可间隔显示，横轴标签固定横向展示10个交易日，不足10个交易日时展示实际交易日。鼠标浮窗时显示交易日、标的、指数收盘点位、基差、套保率。

图2
标题：跨期现客户交易情况示意图
描述：展示分类投资者跨期现客户在现货市场的买卖成交金额和持股市值的情况，以时间序列气泡图方式展现，日期范围选定后，可通过右侧的选择器切换具体日期
查询条件：开始日期、结束日期：必填项，默认最近30个交易日，最多30个交易日；跨期现标的：下拉选择框，支持多选，必填项，选项范围为【A股、沪深300指数成分股、上证50指数成分股、中证500指数成分股、中证1000指数成分股、股票型ETF和LOF】，默认【A股】；
输出结果：横轴为买成交金额，纵轴为卖成交金额，气泡大小为持股市值的复合图，持股市值越大气泡越大。每个气泡代表单类分类投资者在{交易日}、单个{跨期现标的}的现货情况，例如{交易日}为20250509，{跨期现标的}选择【A股、股票型ETF和LOF】时，QFII/RQFII客户显示为2个气泡。默认展示时间区间内最近交易日的情况，右侧选择器日期从上之下由近及远。鼠标浮窗显示分类投资者名称、买成交金额、卖成交金额、持股市值、跨期现标的。右上角显示图例，图例超过5项时在图例下方显示滚动条，用户可勾选图例进行筛选。多个气泡存在重叠或交叠情况下，通过颜色混合模式来进行区分。

图3
标题：单类客户期现净买卖金额示意图
描述：展示单类分类投资者的现货和期货的净买卖成交金额，以折线图方式展现，期货现货各一条实线折线图，以不同颜色展示。
查询条件：本图与图2跨期现客户交易情况联动展示，在图2中点击单个气泡后，带入{开始日期}、{结束日期}、{分类投资者}、单个{跨期现标的}。默认展示【跨期现高频客户】【A股】最近30个交易日情况；
输出结果：横轴为日期，纵轴为金额。期货折线图按图2中带入的单个{跨期现标的} 、{分类投资者}统计对应股指期货品种的净买卖成交金额。由图2中带入的单个{跨期现标的} 为 【A股】或【股票型ETF和LOF】时，统计所有股指期货品种加总后的净买卖成交金额，单个{跨期现标的} 为 【沪深300指数成分股】、【上证50指数成分股】、【中证500指数成分股】或【中证1000指数成分股】时，统计对应股指期货品种的净买卖成交金额。现货折线图按图2中带入的单个{跨期现标的} 、{分类投资者}统计对应现货的净买卖成交金额。净买卖成交金额计算方式为买成交金额-卖成交金额，有正负值。鼠标浮窗显示分类投资者名称、现货净买卖成交金额、期货净买卖成交金额、跨期现标的。标题根据图2中带入的{分类投资者}动态变化，例如“跨期现高频客户期现净买卖金额”，过长情况下换行显示。

图4：各标的雪球规模变化示意图，该区域展示不同标的雪球产品规模的变化情况，以折线图方式展现，每种标的一条折线，以不同颜色展示。
查询条件：开始日期、结束日期：必填项，默认显示最近6个月，最多可选择6个月；
输出结果：横轴为日期，纵轴为雪球规模。鼠标浮窗显示标的、雪球规模，并且该折线高亮显示。标的范围为【沪深300、上证50、中证500、中证1000】。

图5：
标题：雪球敲入敲出点示意图
描述：展示雪球产品敲入敲出点位的分布图，以热力图方式展现。
查询条件：开始日期、结束日期：必填项，默认最近6个月，最多6个月；标的：下拉选择框，必填项，选项为【沪深300、上证50、中证500、中证1000】，默认【中证500】；障碍：下拉选择框，必填项，选项为【敲入、敲出】，默认【敲入】；
输出结果：横轴为日期，纵轴为点位区间，每200点为一个区间（左开右闭）。纵轴范围为前述统计的雪球产品的{障碍}点位上下限。热力图单元格数字为落入该区间的雪球产品的标的名义本金金额汇总，四舍五入取整。鼠标浮窗显示日期、区间，图例中显示{标的}。标题根据{障碍}动态变化，例如选择【敲入】时，显示为“雪球敲入点位分布情况

图6
标题：收益互换对手方类型示意图
描述：该区域展示证券公司场外收益互换对手方分类的分布情况，以饼图展现。
查询条件：日期：必填项，默认最新交易日；品种：下拉框，支持多选，必填项，默认全选，取值【股指、国债】；标的：下拉框，支持多选，必填项，默认全选，根据品种实时联动，品种为国债则标的可选【现券国债、TS 、TF、T、TL】，品种为股指则标的可选【沪深300、上证500、中证500、中证1000、IF、IH、IC、IM 】；
输出结果：饼图，鼠标浮窗显示交易对手方类型、规模、占比，占比为百分比显示，保留两位小数

图7：
标题：收益互换对手方类型示意图
描述：跨境收益互换对手方明细分布情况，以折线图展现，每条折线代表一个交易双方，不同颜色展示。
查询条件：开始日期、结束日期：必填项，默认显示最近6个月，最多可选择6个月品种：下拉框，支持多选，必填项，默认全选，取值【股指、国债】标的：下拉框，支持多选，必填项，默认全选，根据品种实时联动，品种为国债则标的可选【现券国债、TS 、TF、T、TL】，品种为股指则标的可选【沪深300、上证500、中证500、中证1000、IF、IH、IC、IM 】；
输出结果：横轴为日期，纵轴为标的名义本金。鼠标浮窗显示填报方名称、交易对手方名称、标的名义本金，该折线高亮显示。横轴日期可间隔显示，支持时间伸缩条