最后修改时间:2017-03-23 18:08
在 Highcharts 的配置代码中,只需要按照规定的格式通过 series.data 配置给定数据即可,另外我们也提供了非常多的用于更新图表数据的函数,例如 Point.update, Series.setData, Series.update;
在实际使用过程中,有很多用户对于数据的来源、数据怎么处理、怎么交互有很多疑问,本章将一一的为大家解惑。
Highcharts 是基于 JavaScript 编写的图表库,自身是没有直接获取服务器(数据库)数据的能力,除了内置的数据功能模块支持直接读取 CVS、HTML 表格、Google SpreadSheets(Google 提供的一种在线表格服务)等数据外,数据来源还需要后端服务支持(动态渲染或提供接口等),另外 JS 还可以直接读取纯文本数据文件。
总的来说,数据来源有以下几种方式:
支持数据的处理,一般是用 JavaScript 针对返回的 JSON 数据、字符串数据进行数组、对象的操作,最终转换成 Highcharts 需要的格式,这个过程涉及到 JavaScript 对象、数组、JSON等基础知识,请大家自行了解和学习相关的知识,为了方便我们也会在后面教程中做简单的介绍。
数据交互指的是动态的更新图表中数据,一般是在获取并处理数据后调用 Highcharts 相关的 API 接口进行图表动态更新,这在对交互性比较高的图表中会遇到,比如实时更新的图表、股票图等。
本教程仅用于学习、研究和交流目的,欢迎非商业转载。转载请注明出处及完整的链接。
订阅更新
尊敬的用户您好:
由于域名备案调整,我们将于 2023-01-01 ~ 2023-01-07 日陆续停用 highcharts.com.cn 域名,受影响的网站及域名如下:
网站或服务名称 | 域名 | 替代的网站 |
---|---|---|
主站 | www.highcharts.com.cn | www.hcharts.cn |
静态资源服务/CDN | cdn.highcharts.com.cn code.highcharts.com.cn | code.hcharts.cn |
img.highcharts.com.cn | img.hcharts.cn | |
API 文档 | api.highcharts.com.cn | api.hcharts.cn |
导出服务 | export.highcharts.com.cn | export.hcharts.cn |
以上网站服务及 highcharts.com.cn 域名下的网站将于 2023-01-08 日全部下线,未来一段时间将不可访问,后续我们将上线新的网站。
如果您的应用中有使用到相关服务,请抓紧时间对链接进行调整(特别是静态资源/CDN 服务的链接),以免影响您的网站或应用的正常运行,由此给您带来的不便,敬请谅解。
如需帮助,请及时与我们联系:0571-86208605 / 18106595564(微信)。
简数科技 2022-12-22