基于ECharts的散点图数据标签布局方法技术

技术编号:42377231 阅读:12 留言:0更新日期:2024-08-16 15:02
本发明专利技术公开了基于ECharts的散点图数据标签布局方法,首先准备散点数据data,散点图数据是一个列表,列表中的每一项表示一个散点,散点信息包括横坐标数值、纵坐标数值、散点圆形半径大小、数据标签文字信息;定义ECharts自定义渲染函数renderItem;然后组装ECharts自定义系列,将的数据data和渲染函数renderItem添加到自定义系列配置项;最后调用ECharts图表实例方法渲染散点图。本发明专利技术解决了现有技术中存在的散点图数据标签和散点互相遮挡、数据标签被边界截断的问题。

【技术实现步骤摘要】

本专利技术属于计算机数据可视化,具体涉及基于echarts的散点图数据标签布局方法。


技术介绍

1、echarts是一款基于javascript的开源可视化图表库,支持多种类型的图表,包括折线图、柱状图、散点图、饼图、k线图等,并且具有高度的可定制性和交互性。

2、散点图是一种常见的可视化图表,使用一系列散点在直角坐标系中展示两个连续型变量的数值分布,表现两个变量之间的关系。

3、通常在散点图上需要使用数据标签来显示各个散点的相关信息,但是数据点比较密集的时候,数据标签就会产生遮挡。echarts的散点图提供了数据标签遮挡隐藏功能,可以将被遮挡的数据标签隐藏掉,这在一定程度上避免了遮挡问题,但是echarts的遮挡策略没有考虑数据标签和散点之间的遮挡,也没有考虑数据标签和整个图表边界的遮挡截断。


技术实现思路

1、本专利技术的目的是提供基于echarts的散点图数据标签布局方法,解决了现有技术中存在的散点图数据标签和散点互相遮挡、数据标签被边界截断的问题。

<p>2、本专利技术所本文档来自技高网...

【技术保护点】

1.基于ECharts的散点图数据标签布局方法,其特征在于,具体按照以下步骤实施:

2.根据权利要求1所述的基于ECharts的散点图数据标签布局方法,其特征在于,所述步骤2具体按照以下步骤实施:

3.根据权利要求2所述的基于ECharts的散点图数据标签布局方法,其特征在于,所述步骤2.2中,布局方法layout有三个参数data,params和api,data就是上述权利要求1中步骤1中的散点数据,params和api与ECharts自定义渲染函数renderItem的两个参数相同,params上的上下文params.context用来存储布局信息结果,api...

【技术特征摘要】

1.基于echarts的散点图数据标签布局方法,其特征在于,具体按照以下步骤实施:

2.根据权利要求1所述的基于echarts的散点图数据标签布局方法,其特征在于,所述步骤2具体按照以下步骤实施:

3.根据权利要求2所述的基于echarts的散点图数据标签布局方法,其特征在于,所述步骤2.2中,布局方法layout有三个参数data,params和api,data就是上述权利要求1中步骤1中的散点数据,...

【专利技术属性】
技术研发人员:王建龙吴辉
申请(专利权)人:西部证券股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1