首页 > 行业资讯 > Google Charts

Google Charts

时间:2022-09-17 来源: 浏览:

Google Charts

robinliu 自控技术FAQ
自控技术FAQ

scadafaq

个人公众号『ScadaFAQ』,作者:RobinLiu,分享自控scada技术相关内容(在公众号底部菜单查看更多精彩内容)。

收录于合集

Google Charts 免费提供了大量即用型图表类型来可视化Web中的数据。从简单的折线图到复杂的层次树图。

图表以 JavaScript 类的形式公开。图表除了默认外观,还可以自定义。图表具有高度交互性并公开事件,可以将它们连接起来以创建复杂的仪表板或与网页集成的其他体验 。图表使用 HTML5/SVG 技术呈现,以提供跨浏览器兼容性(包括旧 IE 版本的 VML)和对 iPhone、iPad 和 Android 的跨平台可移植性。

使用 Google Charts 最常见的方法是使用嵌入到网页中的简单JavaScript加载一些 Google 图表库,列出要绘制图表的数据,选择自定义图表的选项,最后创建一个带有选择的id的图表对象。然后在网页中,使用该id创建一个<div>来显示 Google 图表。

所有图表类型都使用DataTable类填充数据 ,以便在尝试找到理想外观时在图表类型之间轻松切换。DataTable 提供了对数据进行排序、修改和过滤的方法,并且可以直接从网页、数据库或任何支持图表工具数据源协议的数据提供程序中填充。(该协议包括一种类似 SQL 的查询语言,由 Google 电子表格、Google Fusion Tables 和第三方数据提供者(如 SalesForce)实施。甚至可以在自己的网站上实施该协议并成为其他服务的数据提供者。

Google Charts主页:

https://developers.google.com/chart

下面是一个在网页中使用 Google Charts中gauge图表 显示PLC中数据的样式。

- - -  正  文 - - - - - - 结  束 - - -


如果你有与本文相关问题可以留言或后台发消息,欢迎 点分享、收藏、点赞、赏

版权:如无特殊注明,文章转载自网络,侵权请联系cnmhg168#163.com删除!文件均为网友上传,仅供研究和学习使用,务必24小时内删除。
相关推荐