一种在柱状类图表上绘制粒子和光效的方法及装置制造方法及图纸

本发明专利技术公开了一种在柱状类图表上绘制粒子和光效的方法及装置，一种在柱状类图表上绘制粒子和光效的方法，包括已绘制的柱状图形，采用上述方案，区别于现有方案简单的将柱状图和粒子与光效进行叠加，而是采用将粒子和光效作为组件或插件加入柱状图中一起绘制，在缩放和拖动的过程中，粒子和光效会随柱状图一起变化，解决了现有方案由于采用上述绘制方法，粒子和光效不支持图形自适应，宽度和高度设置固定，无法通过数据自动计算，与图形分离，不支持图形缩放等等交互的问题。

A method and device for drawing particles and light effects on column chart

【技术实现步骤摘要】
一种在柱状类图表上绘制粒子和光效的方法及装置
本专利技术涉及图表绘制领域，特别涉及一种在柱状类图表上绘制粒子和光效的方法及装置。
技术介绍
图表泛指在屏幕中显示的，可直观展示统计信息属性(时间性、数量性等)，对知识挖掘和信息直观生动感受起关键作用的图形结构，是一种很好的将对象属性数据直观、形象地"可视化"的手段。数据图表可以仿版地查看数据的差异和预测趋势，使数据比较或数据变化趋势变得一目了然，有助于快速、有效地表达数据关系。图表是生成它的工作数据相链接的。现在为了是图表更美观，一般会为图表增加一些粒子和光效，实现ECharts柱状类图表的粒子和光效，需要实现的步骤有：第一步，获取ECharts柱状类图表宽度。第二步，根据图形宽度和高度，使用webGL绘制粒子和光效。第三步，使用元素层级，将webGL绘制的效果放置柱状类图表上。而现有方案由于采用上述绘制方法，粒子和光效不支持图形自适应，宽度和高度设置固定，无法通过数据自动计算，与图形分离，不支持图形缩放等等交互。
技术实现思路
本专利技术的目的在于：提供了一种本文档来自技高网...

【技术保护点】
1.一种在柱状类图表上绘制粒子和光效的方法，包括已绘制的柱状图形，其特征在于：包括以下步骤：/nS1、使用图片绘制和像素操作实现粒子和光效图形和颜色自定义配置；/nS2、获取柱状图形的绘制数据；/nS3、根据图形的绘制参数对步骤S1中配置的粒子和光效进行进一步配置；/nS4、将步骤S3配置好的粒子和光效作为组件加入已绘制的柱状图形中进行进一步绘制得到带粒子和光效的柱状图形。/n

【技术特征摘要】
1.一种在柱状类图表上绘制粒子和光效的方法，包括已绘制的柱状图形，其特征在于：包括以下步骤：
S1、使用图片绘制和像素操作实现粒子和光效图形和颜色自定义配置；
S2、获取柱状图形的绘制数据；
S3、根据图形的绘制参数对步骤S1中配置的粒子和光效进行进一步配置；
S4、将步骤S3配置好的粒子和光效作为组件加入已绘制的柱状图形中进行进一步绘制得到带粒子和光效的柱状图形。


2.根据权利要求1所述的一种在柱状类图表上绘制粒子和光效的方法，其特征在于：所述柱状图形采用ECharts进行绘制。


3.根据权利要求1或2所述的一种在柱状类图表上绘制粒子和光效的方法，其特征在于：所述步骤S1中使用canvas图片绘制和像素操作实现粒子和光效图形和颜色自定义配置，按照组件扩展方法，分别通过继承组件的view和model基类来实现粒子和光效view和model类。


4.根据权利要求1或2所述的一种在柱状类图表上绘制粒子和光效的方法，其特征在于：所述步骤S2中获取柱状图形的绘制数据的方法包括以下步骤：
S201、在view类的render方法中，使用ecModel中将柱状类的seriesModel筛选出来；
S202、通过seri...

【专利技术属性】
技术研发人员：罗智丹，邹小芳，徐祥，王国玉，
申请(专利权)人：成都四方伟业软件股份有限公司，
类型：发明
国别省市：四川;51