CN105335159B - 一种anychart图表展示方法 - Google Patents
一种anychart图表展示方法 Download PDFInfo
- Publication number
- CN105335159B CN105335159B CN201510735120.0A CN201510735120A CN105335159B CN 105335159 B CN105335159 B CN 105335159B CN 201510735120 A CN201510735120 A CN 201510735120A CN 105335159 B CN105335159 B CN 105335159B
- Authority
- CN
- China
- Prior art keywords
- data
- anychart
- graph
- drawing object
- chart
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 34
- 238000005538 encapsulation Methods 0.000 claims description 10
- 230000000153 supplemental effect Effects 0.000 claims description 6
- 238000010586 diagram Methods 0.000 claims description 5
- 238000012544 monitoring process Methods 0.000 abstract description 8
- 238000005516 engineering process Methods 0.000 description 2
- 238000001914 filtration Methods 0.000 description 2
- 241000208340 Araliaceae Species 0.000 description 1
- 235000005035 Panax pseudoginseng ssp. pseudoginseng Nutrition 0.000 description 1
- 235000003140 Panax quinquefolius Nutrition 0.000 description 1
- 235000008434 ginseng Nutrition 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
- Image Generation (AREA)
Abstract
本发明公开一种anychart图表展示方法，属于数据处理领域；本发明通过扩展的jquery方法，anychart基础对象anychart.js,anychart的封装对象ChartWrapper.js，定义了涵盖anychart几乎全部操作的属性、方法、监听事件等，用定义的对象方法，设置anychart的大小、数据、图表类型、样式风格等，简单易懂，实现了非xml数据加载方式，规避了每次展示图形拼装xml的步骤，即使不设置图形对象样式，依然可以展示舒适客观的图形样式，提高效率。
Description
技术领域
本发明公开一种anychart图表展示方法，属于数据处理领域。
背景技术
随着信息科技的不断发展，数据的展示不再是单一、简单的列表，为更好的展示不同数据差别，统计数据、形象的展示数据，急需图表控件展示数据，anychart是一款跨平台和跨浏览器的图表控件，通过XML格式获取数据，该格式非常灵活控制图表上的每一个数据点，但现有的anychart使用xml提供数据，在实际使用过程中需要将取得的数据手动放入到xml中， 比较繁琐，以往在开发过程中，在后台获取到所需数据后，需遍历数据然后组装xml数据，并且每次设置图标样式较为麻烦，大大降低了开发效率，而且不能直接将取到的json数据用于展示，设置默认样式，大大减低开发周期。针对上述问题，本专利提供一种anychart图表展示方法，通过封装的ChartWrapper.js直接使用json设置对象数据，使用js方法设置图形参数，使用封装的js对象展示anychart， 实现了和xml驱动接口的无缝对接。
anychart是一款跨浏览器的工具，可以被用于Web、Desktop和Mobile应用程序，anychart可运行于当前PC和Mac上所有主流的浏览器。
发明内容
本发明针对现有技术中以往在开发过程中，在后台获取到所需数据后，需遍历数据然后组装xml数据，并且每次设置图标样式较为麻烦，大大降低了开发效率，而且不能直接将取到的json数据用于展示，设置默认样式，大大减低开发周期的问题，提供一种anychart图表展示方法，通过封装的ChartWrapper.js直接使用json设置对象数据，使用js方法设置图形参数，使用封装的js对象展示anychart， 实现了和xml驱动接口的无缝对接。
本发明提出的具体方案是：
一种anychart图表展示方法，具体步骤为
引入需要的jar包，扩展jquery方法为js提供工具方法；
创建数据对象，利用数据对象分别定义数据表对象和数据行及数据列对象，数据表对象用于设置图形对象的参数数据，数据行及数据列对象服务于数据对象；
定义anychart图形展示的基础类anychart.js，用于定义anychart的基本信息和操作，
定义anychart的封装类，在封装类中分别定义图表对象和图形对象，图表对象用于定义图表的基本信息，图形对象规定了具体的图形子对象；图形对象参数信息对应于图表对象中；
创建图表对象，设置图表对象参数，创建图形对象，设置图形数据，将返回的参数数据封装到数据对象中去，将创建的图形对象参数信息对应到图表对象中，展示图形。
anychart.js还可用于加载swf文件，创建flashObject对象、删除flashObject对象，增加参数、设置大小、处置打印事件、增加监听事件、删除监听事件、分发监听事件，定义anychart对象创建前事件，设置xml数据，设置json数据，更新数据、更新点数据，增加Series数据，删除Series数据，刷新、清空数据等基本操作。
所述图形对象参数数据主要包括行、列数据变量，设置行列数据、增减行列数据、数据行列排序、获取行列数、过滤行列数据。
所述图表的基本信息主要包括图表高、宽、图表标题、图表背景、设置x轴y轴。
所述图形对象参数主要包括图形数据、图形颜色、图形名称、数据精度。
本发明的有益之处是：
本发明通过扩展的jquery方法，anychart基础对象anychart.js,anychart的封装对象ChartWrapper.js， 定义了涵盖anychart几乎全部操作的属性、方法、监听事件等，用定义的对象方法，设置anychart的大小、数据、图表类型、样式风格等，简单易懂，实现了非xml数据加载方式，规避了每次展示图形拼装xml的步骤，即使不设置图形对象样式，依然可以展示舒适客观的图形样式，提高效率。
具体实施方式
一种anychart图表展示方法，具体步骤为
引入需要的jar包，扩展jquery方法为js提供工具方法；
创建数据对象，利用数据对象分别定义数据表对象和数据行及数据列对象，数据表对象用于设置图形对象的参数数据，数据行及数据列对象服务于DataTable；
定义anychart图形展示的基础类anychart.js，用于定义anychart的基本信息和操作，
定义anychart的封装类，在封装类中分别定义图表对象和图形对象，图表对象用于定义图表的基本信息，图形对象规定了具体的图形子对象；图形对象参数信息对应于图表对象中；
创建图表对象，设置图表对象参数，创建图形对象，设置图形数据，将返回的参数数据封装到数据对象中去，将创建的图形对象参数信息对应到图表对象中，展示图形。
根据上述方法，对本发明做进一步说明。
一种anychart图表展示方法，具体步骤为
引入需要的jar包，扩展jquery方法为js提供工具方法；即使用jquery扩展方法定义命名空间、继承、引用等方法，为封装js对象提供工具方法；
创建数据对象DataTable.js，利用数据对象DataTable分别定义数据表对象DataTable和数据行DataRow及数据列对象DataColumn，数据表对象用于设置图形对象的参数数据，主要包括行、列数据变量，设置行列数据、增加行列数据、增加行列数据、删除行列数据、数据行列排序、获取行列数、过滤行列数据等方法；数据行及数据列对象服务于DataTable，定义了DataTable中行、列数据的数据格式；
定义anychart图形展示的基础类anychart.js，用于定义anychart的基本信息和操作，用于加载swf文件，创建flashObject对象、删除flashObject对象，增加参数、设置大小、处置打印事件、增加监听事件、删除监听事件、分发监听事件，定义anychart对象创建前事件，设置xml数据，设置json数据，更新数据、更新点数据，增加Series数据，删除Series数据，刷新、清空数据等基本操作；
定义anychart的封装类ChartWrapper，在封装类ChartWrapper.js中分别定义图表对象和图形对象，图表对象用于定义图表的基本信息，主要包括图表高、宽、图表标题、图表背景、设置x轴y轴，图形对象规定了具体的图形子对象，如Bar 、Line 、Pie、Area 、CircularWraper等， 这些子对象对应不同的图形类型，分别是柱状图、线图、饼图、面积图、仪表盘等；图形对象参数信息对应于图表对象中；所述图形对象参数主要包括图形数据、图形颜色、图形名称、数据精度；
创建ChartWrapper 图表对象createChart.，设置图表对象参数，如图表类型、标题、图表背景等；创建图形对象createChart.add，设置图形数据，将返回的参数数据封装到数据对象DataTable中去，可以在创建DataTable对象时同时将行列数据赋值，也可创建好DataTable对象后，在对其赋值，同时可以设置图形对象的样式，将创建的图形对象参数信息对应到图表对象中，使用createChart.show展示图形。
Claims (3)
1.一种anychart图表展示方法，其特征在于具体步骤为
引入需要的jar包，扩展jquery方法为js提供工具方法；
创建数据对象，利用数据对象分别定义数据表对象和数据行及数据列对象，数据表对象用于设置图形对象的参数数据，数据行及数据列对象服务于数据对象，图形对象参数数据主要包括行、列数据变量，设置行列数据、增减行列数据、数据行列排序、获取行列数、过滤行列数据；
定义anychart图形展示的基础类anychart.js，用于定义anychart的基本信息和操作，
定义anychart的封装类，在封装类中分别定义图表对象和图形对象，图表对象用于定义图表的基本信息，图形对象规定了具体的图形子对象；图形对象参数信息对应于图表对象中；
创建图表对象，设置图表对象参数，创建图形对象，设置图形数据，将返回的参数数据封装到数据对象中去，将创建的图形对象参数信息对应到图表对象中，展示图形。
2.根据权利要求1所述的一种anychart图表展示方法，其特征在于所述图表的基本信息包括图表高、宽、图表标题、图表背景、设置x轴y轴。
3.根据权利要求2所述的一种anychart图表展示方法，其特征在于所述图形对象参数包括图形数据、图形颜色、图形名称、数据精度。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510735120.0A CN105335159B (zh) | 2015-11-03 | 2015-11-03 | 一种anychart图表展示方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510735120.0A CN105335159B (zh) | 2015-11-03 | 2015-11-03 | 一种anychart图表展示方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105335159A CN105335159A (zh) | 2016-02-17 |
| CN105335159B true CN105335159B (zh) | 2018-11-02 |
Family
ID=55285726
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510735120.0A Active CN105335159B (zh) | 2015-11-03 | 2015-11-03 | 一种anychart图表展示方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105335159B (zh) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105760506A (zh) * | 2016-02-23 | 2016-07-13 | 四川长虹电器股份有限公司 | 智能产品数据展示方法 |
| CN106528183B (zh) * | 2016-12-27 | 2020-02-07 | 邦彦技术股份有限公司 | 一种创建控件的方法、装置和计算机程序 |
| CN109697254A (zh) * | 2018-12-04 | 2019-04-30 | 国云科技股份有限公司 | 一种前端页面图表组件化的方法 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101788994A (zh) * | 2009-08-14 | 2010-07-28 | 成都迪捷信息技术有限公司 | 一种数据展示模型建立方法、数据展示方法及装置 |
| CN102279884A (zh) * | 2011-08-05 | 2011-12-14 | 中国工商银行股份有限公司 | 基于Web页面进行数据采集和展现的方法、系统及Web服务器 |
| CN102609256A (zh) * | 2012-01-19 | 2012-07-25 | 北京神州数码思特奇信息技术股份有限公司 | 一种基于网页的动态图表生成方法 |
| CN104731589A (zh) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | 用户界面的自动生成方法及自动生成装置 |
-
2015
- 2015-11-03 CN CN201510735120.0A patent/CN105335159B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101788994A (zh) * | 2009-08-14 | 2010-07-28 | 成都迪捷信息技术有限公司 | 一种数据展示模型建立方法、数据展示方法及装置 |
| CN102279884A (zh) * | 2011-08-05 | 2011-12-14 | 中国工商银行股份有限公司 | 基于Web页面进行数据采集和展现的方法、系统及Web服务器 |
| CN102609256A (zh) * | 2012-01-19 | 2012-07-25 | 北京神州数码思特奇信息技术股份有限公司 | 一种基于网页的动态图表生成方法 |
| CN104731589A (zh) * | 2015-03-12 | 2015-06-24 | 用友网络科技股份有限公司 | 用户界面的自动生成方法及自动生成装置 |
Non-Patent Citations (2)
| Title |
|---|
| 《AnyChart使用手册一》;jingjizhi;《百度文库》;20120201;全文 * |
| 《AnyChart图形配置说明》;zhangzili727;《百度文库》;20110307;第1-15页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105335159A (zh) | 2016-02-17 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105335159B (zh) | 一种anychart图表展示方法 | |
| CN103365855B (zh) | 生成网页的方法及服务器 | |
| CN103019682B (zh) | 一种通过自定义图形组合在svg中展示数据的方法 | |
| CN109559384B (zh) | 一种基于WebGL的网页端三维模型编辑方法 | |
| DE112013004915T5 (de) | Konfigurierbare User-Displays in einem Prozessleitsystem | |
| CN106162302B (zh) | 一种Launcher主界面的编排方法、装置及智能电视 | |
| DE102014204014A1 (de) | Editorsystem und -verfahren für eine graphische Benutzerschnittstelle persönlicher Geräte | |
| CN102937896A (zh) | 在svg中利用颜色映射技术动态展示二维空间数据的方法 | |
| WO2021098579A1 (zh) | 图表绘制方法、装置、设备及存储介质 | |
| DE112013006049T5 (de) | Anzeigevorrichtung und Bildbearbeitungsverfahren dafür | |
| CN103543995A (zh) | 一种网站换肤的方法及装置 | |
| CN109977335A (zh) | 一种面向工业设备的Web组态方法 | |
| CN103064661A (zh) | 计算机监控组态画面xml描述系统及方法 | |
| CN108255964B (zh) | 一种工艺流程路线的展示方法 | |
| CN102298498A (zh) | 软键盘字符输入处理方法及装置 | |
| CN107566875A (zh) | 一种在智能机顶盒上ui灵活配置、动态更新的方法 | |
| CN118095206A (zh) | 视频中文字图层版式批量更新方法、装置、设备及介质 | |
| CN103150742A (zh) | 一种矢量图形动态渲染方法及其装置 | |
| CN107025111A (zh) | 一种浏览器目标页面整屏切换显示的方法及系统 | |
| CN109241510A (zh) | 一种基于微信小程序的自动图表生成系统及其实现方法 | |
| CN103345565B (zh) | 一种用于数据展示基于Flash技术的仪表盘构建方法 | |
| CN101826015A (zh) | 窗口界面配置系统以及窗口界面配置方法 | |
| CN104391965A (zh) | 智能变电站icd虚端子的图形化显示方法 | |
| CN116301871A (zh) | 一种采用指标图例开发功能页面的方法及系统 | |
| EP1732079A3 (en) | Display control method, content data reproduction apparatus, and program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20200603 Address after: 250100 Inspur Science Park, No. 1036, Inspur Road, high tech Zone, Jinan City, Shandong Province Patentee after: Inspur Software Technology Co.,Ltd. Address before: 250100, No. 2877, fairway, Sun Town, Ji'nan hi tech Zone, Shandong Patentee before: INSPUR GROUP Co.,Ltd. |
|
| TR01 | Transfer of patent right |