[发明专利]基于HTML5canvas快速绘出柱状图的方法在审
| 申请号： | 201710047378.0 | 申请日： | 2017-01-22 |
| 公开（公告）号： | CN106775774A | 公开（公告）日： | 2017-05-31 |
| 发明（设计）人： | 黄振豪;程林;杨培强;徐兵兵 | 申请（专利权）人： | 山东浪潮商用系统有限公司 |
| 主分类号： | G06F9/44 | 分类号： | G06F9/44 |
| 代理公司： | 济南信达专利事务所有限公司37100 | 代理人： | 韩月娥 |
| 地址： | 250100 山东省济南市*** | 国省代码： | 山东;37 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 基于 html5canvas 快速 柱状图 方法 | ||
【权利要求书】：
1.基于HTML5canvas快速绘出柱状图的方法，其特征在于,使用HTML5中的canvas并引konva.js来绘出图形，包括如下步骤：1)引包，使用Konva，使用script标签导入需要使用的Konva库，2)在body里创建一个div用来显示图形，3)用js代码绘制图形。
2.根据权利要求1所述基于HTML5canvas快速绘出柱状图的方法，其特征在于,所述1)引包：使用Konva，打开链接http://konvajs.github.io/,下载KonvaJS代码，使用script标签导入需要使用的Konva库；在HTML中引canvas专属的konva.js包<scrirpt src＝”js/konva.js”></scripy>。
3.根据权利要求2所述基于HTML5canvas快速绘出柱状图的方法，其特征在于,所述3)用js代码绘制图形：首先创建一个组，画底线，设置柱状图的最高高度，然后根据数组中的数据，设置每个柱状图所占的大小，并加文字，最后让柱状图动起来，得到group中的所有矩形，得到柱状图的原始高，得到柱状图的原始高。
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于山东浪潮商用系统有限公司，未经山东浪潮商用系统有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/201710047378.0/1.html，转载请声明来源钻瓜专利网。
