找回密码立即注册

QQ登录

查看: 41235|回复: 0
收起左侧

[MySQL] HighCharts从数据库中读取数据

[复制链接] [查看百度是否已收录此帖]

升级   100%

5280

主题

5718

帖子

15万

积分

管理员

李海18298346873

Rank: 9Rank: 9Rank: 9

积分
159098

推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

QQ
菜鸟站长联盟 发表于 2021-3-24 23:42:55 | 显示全部楼层 |阅读模式
菜鸟站长联盟VIP会员
  • 欢迎大家加入菜鸟站长联盟VIP会员 ☞ 点击查看详情
  • 我是菜鸟站长联盟草根站长李海 微信:18298346873
  • 致力于为企业提供优秀的网站建设解决方案,建站服务、网站优化、网站运营、网站托管、网站推广!
  • 致力于为个人提供优秀的网站建设培训课程,建站服务、网站优化、网站运营、域名空间、插件模板!
  • —————————————————————————————————————————————————
  • 菜鸟站长联盟站长李海微信

    本帖子中包含更多资源!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    在 Highcharts 的配置代码中,只需要按照规定的格式通过 series.data 配置给定数据即可,另外我们也提供了非常多的用于更新图表数据的函数,例如 Point.update, Series.setData, Series.update;


    在实际使用过程中,有很多用户对于数据的来源、数据怎么处理、怎么交互有很多疑问,本章将一一的为大家解惑。


    1、数据来源
    Highcharts 是基于 JavaScript 编写的图表库,自身是没有直接获取服务器(数据库)数据的能力,除了内置的数据功能模块支持直接读取 CVS、HTML 表格、Google SpreadSheets(Google 提供的一种在线表格服务)等数据外,数据来源还需要后端服务支持(动态渲染或提供接口等),另外 JS 还可以直接读取纯文本数据文件。


    总的来说,数据来源有以下几种方式:


    服务端直接渲染(包括直接渲染 HTML 页面、HTML 表格)
    Ajax 请求数据接口(来自服务器数据库的数据或其他数据)
    Highcharts 内置的数据功能模块读取 CVS、HTML 表格、Google SpreadSheets 数据
    JavaScript 读取纯文本数据文件,例如 XML 文件、JSON 文件、CSV 文件
    2、数据处理和交互
    支持数据的处理,一般是用 JavaScript 针对返回的 JSON 数据、字符串数据进行数组、对象的操作,最终转换成 Highcharts 需要的格式,这个过程涉及到 JavaScript 对象、数组、JSON等基础知识,请大家自行了解和学习相关的知识,为了方便我们也会在后面教程中做简单的介绍。


    数据交互指的是动态的更新图表中数据,一般是在获取并处理数据后调用 Highcharts 相关的 API 接口进行图表动态更新,这在对交互性比较高的图表中会遇到,比如实时更新的图表、股票图等。


    上一篇:Graviti 格物钛- AI数据集管理专家
    下一篇:Echarts+php+mysql实现前后端数据可视化
    零基础学习网站建设,上菜鸟站长联盟就够了!你与成功只差添加一个好友:微信18298346873
    *滑块验证:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则








    QQ| 百度统计|小黑屋|菜鸟站长联盟 ( 陇ICP备15000550号-2 )|

    GMT+8, 2021-4-21 07:07 , Processed in 0.117503 second(s), 45 queries .

    快速回复 返回顶部 返回列表