博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度echarts的项目实际应用
阅读量:6038 次
发布时间:2019-06-20

本文共 340 字,大约阅读时间需要 1 分钟。

最近用echrts做了一个电视大屏的项目,总结一下。

实际项目中初始化定义图表的简单使用

1.新建一个 test.html 并放置一个 div 来承载图表:

img_0669193e70aa6b8e66a9683f21251411.png

2.引入 echarts.js :

img_985b7c6fa54a5f0dacfaa963ccbbb0ac.png

3.获取承载图标的div盒子

var eChart1 = document.getElementById('main');

4、初始化的:

initPieEChart(echarts.init(eChart1));

function initPieEChart(){

option = {}

}

context.setOption(option);

5.渲染需要的数据跟服务端返回的数据结构不一致,需要自己对数据做处理

6、根据官网提供的例子去文档中寻找相应的属性;

代码不过多贴出了。

转载地址:http://oolhx.baihongyu.com/

你可能感兴趣的文章
留与后人一段面试的总结
查看>>
Spring基于XML方式配置事务
查看>>
T-MBA学习营 | 寒窗十数载,我们原来并不会学习?
查看>>
log4j.properties模板
查看>>
Linux:信号(上)
查看>>
vmware虚拟化无法迁移虚拟机
查看>>
SQL UPDATE实现多表更新
查看>>
最近有个需求,就是把某个网址跳转到另外一个网址
查看>>
innobackupex 在增量的基础上增量备份
查看>>
Windows Server 2012 R2 DirectAccess功能测试(2)App1服务器安装及配置
查看>>
基于清单的启动器的实现
查看>>
外网用户通过citrix打印慢的解决方法
查看>>
STL容器的使用
查看>>
关于std::map
查看>>
JXL导出Excel文件兼容性问题
查看>>
VBoot1.0发布,Vue & SpringBoot 综合开发入门
查看>>
centos7 安装wps 后 演示无法启动
查看>>
git简单命令
查看>>
LAMP编译部署
查看>>
XenDesktop7.6安装部署入门教程
查看>>