[deviceone开发]-echart的简单报表示例

最新推荐文章于 2019-09-25 11:43:41 发布

weixin_34346099

最新推荐文章于 2019-09-25 11:43:41 发布

阅读量69

点赞数

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000007016422

本文介绍了一个基于H5的报表库ECharts的应用实例，演示了如何实现折线图、柱状图、圆环图和圆饼图，并展示了与do项目的非HTML部分数据交互的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、简介

echart是一个常用的基于h5的报表库。这个例子简单展示了实现折线图，柱状图，圆环图和圆饼图的使用。并实现和do的非html部分的数据交互。

二、效果图

三、相关下载

https://github.com/do-project...

四、更多案例

http://source.deviceone.net/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34346099

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

echart 做的一个设备运行状态

07-24

1812

<!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you under the A

若依项目整合eCharts实现图表统计功能

weixin_30586257的博客

12-07

2006

eCharts是一款强大的图表统计工具，具体介绍可查看其官网 http://echarts.baidu.com/echarts2/index.html 下面记录一下如何在若依项目中使用eCharts。 1、下载eCharts，地址为：http://echarts.baidu.com/download.html 此处需要选择【完整】版的，另外如果需要调试的话，可以选择【源代码】版。 ...

参与评论您还未登录，请先登录后发表或查看评论

Java birt和echarts整合

04-22

Java birt和echarts整合。该demo整合echarts和birt，下载后，可将报表文件里面echarts的路径改成你的路径，然后直接运行就能看到效果 birt echarts

前端数据可视化echarts.js使用指南

weixin_33938733的博客

09-12

2735

一、开篇首先这里要感谢一下我的公司，因为公司需求上面的新颖(奇葩)的需求，让我有幸可以学习到一些好玩有趣的前端技术，前端技术中好玩而且比较实用的我想应该要数前端的数据可视化这一方面，目前市面上的数据可视化的框架琳琅满目，例如：D3.js、hightcharts.js、echarts.js…………。由于公司对这个项目的需求是1、开发时间短，所以也就限制了D3.js的使用。2、要尽量的减少开发的成...

图形统计报表EChart的使用

zl的博客

04-19

3438

图形报表EChart的使用 1. EChart最新的文档目录。首先创建一个解决方案，目录如下：之前的一篇文章中讲到如果要使用Echarts还要下载相关的ZRender的渲染包，最新的版本已经将这些合并在一起了，只需要引用图中红框标注的echarts文件夹下的文件即可。各文件的作用如下： l Echarts-map.js :主要用来渲染跟地图相关 l

JavaScript使用DeviceOne开发实战（二）生成调试安装包

11-22

在JavaScript使用DeviceOne进行开发的过程中，生成调试安装包是一个重要的环节，尤其对于开发者来说，能够有效地测试和优化应用程序。在本文中，我们将深入探讨如何生成调试安装包以及后续的调试和发布流程。首先...

JavaScript使用DeviceOne开发实战（四）仿优酷视频应用

10-23

主要介绍了JavaScript使用DeviceOne开发实战（四）仿优酷视频应用的相关资料,需要的朋友可以参考下

DeviceOne 让你一见钟情的App快速开发平台

10-22

DeviceOne是一个先进的移动应用开发平台，它以用户为中心，专注于应用的外观和用户体验（UI交互）。该平台使用JavaScript语言构建，能够提供接近原生应用的运行性能和交互体验。DeviceOne的核心特点在于它的UI组件...

JavaScript使用DeviceOne开发实战（三）仿微信应用

01-21

这是一个系列的文档，长期目标是利用DeviceOne开发一些目前使用广泛的优质手机应用，我们会最大化的实现这些应用的每一个功能和细节，不只停留在简单的UI模仿和Demo阶段，而是一个基本可以使用的实际App。...

ECharts报表的使用方法及Demo案例

@必意玲

05-31

1万+

Demo实例下载：>点我下载 ECharts官网：http://echarts.baidu.com/examples/ 1:进入ECharts官网数据图表页面 2:点击下载，选择要下载的echarts版本，一般选择源代码 3:创建一个html文件引用echarts.js 4:实现图表数据显示 ①：<!--为ECharts 准备一个具备大小...

ECharts制作报表模板

一直在奋起，一直在路上

10-20

2万+

最近公司的问题汇总平台差不多接近尾声，回顾前段时间领导任命做的报表真是别有一番成长波折；在这之前以为问题汇总平台就差不多完结了，结果原来压轴的在后面呢，报表的设计涵盖了本平台80%的核心内容，既然这么重要就更得放上十足的精神干了O(∩_∩)O~

报表如何集成 echarts 官网示例图

RQlyc的博客

09-25

617

Echarts，江湖人称一个纯 Javascript 的图表库，图形种类星罗棋布且个个颜值爆表，可以轻松驾驭 PC 和移动设备，与绝大部分浏览器都可称兄道弟，而且已然众多拥趸，还有不少报表对它采取了嫁接技术。Echarts 如何与润乾报表嫁接呢？接下来跟着我一探究竟。第一步， echarts 官网找到自己需要的图形代码我们以最简单的折线图为例：https://echarts.baidu.c...

润乾报表如何使用Echarts

weixin_33950035的博客

11-22

477

1.润乾报表中使用Echarts统计图的步骤 2.报表中添加echarts2统计图选中需要设为统计图的单元格，点击报表-第三方图形菜单项，或者右键菜单-第三方图形，在图形编辑窗口中点击打开模版按钮，缺省会直接指向【安装根目录】/chart 目录，用户也可自行切换到模版的存放路径。如果需要画的图形在已有模版中不存在， ...

Echarts图表与数据库数据结合

最新发布

08-23

go 代码生成工具基于sqlx echo.zip

西门子PLC与V20变频器以太网通讯编程：频率与启停控制实现

08-23

内容概要：本文档详细介绍了西门子1200 PLC与西门子V20变频器之间的通讯编程方法，重点在于通过以太网线实现对变频器的频率设定、启停控制及状态监测。文中涵盖了系统的组成器件（如西门子KTP700 Basic PN触摸屏、昆仑通态触摸屏）、控制方式（触摸屏与PLC以太网通讯，PLC与变频器485口通讯），并提供完整的接线与设置指南。此外，还详细解释了程序的功能、设计思路及其模块化的实现方式，确保程序的易维护性和可扩展性。适用人群：从事工业自动化领域的工程师和技术人员，尤其是那些需要掌握PLC与变频器通讯编程技能的人群。使用场景及目标：适用于需要集成PLC与变频器进行自动化控制的项目，旨在提高系统的响应速度和稳定性，减少人工干预，提升生产效率。其他说明：文档不仅提供了详细的程序注释和技术细节，还包括了变频器的具体设置步骤和接线图，便于用户快速上手和调试。

综合能源系统优化运行研究：碳机制与需求响应的应用及影响综合能源系统

08-23

内容概要：本文深入探讨了在不同情境下综合能源系统的优化运行，特别是无碳机制、无需求响应，仅考虑需求响应，以及碳机制下考虑需求响应的情况。首先，在无碳机制和无需求响应的传统模式中，系统主要依赖化石燃料，虽然短期内有效，但从长远看既不环保也不经济。其次，仅考虑需求响应时，通过智能电网和需求侧管理技术，用户可根据实时电价调整能源消费行为，有助于平衡供需并提高效率，但仍忽视了碳排放。最后，在碳机制下考虑需求响应的情景中，不仅强调用户侧灵活性，还将碳排放和环境成本纳入考量，提出了一系列优化措施如增加可再生能源比例、引入碳交易市场、强化需求响应策略和系统集成，以实现更高效的能源管理和更低的碳排放。适合人群：从事能源管理、环境保护及相关领域的研究人员和技术人员。使用场景及目标：适用于希望深入了解综合能源系统优化运行及其在不同条件下的表现的研究者，以及寻求提升能源系统效率和减少碳排放的企业管理者和技术专家。其他说明：文中引用了多篇关于综合能源系统优化运行、需求响应应用及碳交易市场影响的相关文献，为研究提供了坚实的理论基础。

DeviceOne实战：JavaScript开发仿微信应用指南

"JavaScript使用DeviceOne开发实战（三）仿微信应用" 本文档主要介绍了使用JavaScript和DeviceOne框架进行移动应用开发，特别是如何仿制微信应用。DeviceOne是一个跨平台的移动应用开发框架，允许开发者使用...