<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery+json百度图表插件实现饼状图</title>
<!-- 引入 echarts.js -->
<script src="js/jquery.min.js"></script>
<script src="js/echarts.common.min.js"></script>
<script src="js/echartsOne.js"></script>
</head>
<body><script src="/demos/googlegg.js"></script>
<center>由于演示服务器不支持.json格式的文件,如需效果请自行下载测试。</center>
<!-- 为ECharts准备一个具备大小(宽高)的Dom -->
<h3>
<button id="qxfl" data-index="1">第一个echarts</button>
<button id="gfzr" data-index="2">第二个echarts</button>
</h3>
<div id="main" style="width: 600px;height:400px;"></div>
<script type="text/javascript">
$(function(){
//在这就行
qxfl('#qxfl');
$("h3 button").click(function(){
qxfl(this);
})
});
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>更多源码下载:<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p>
</div>
</body>
</html>
jQuery+json百度图表插件实现饼状图.zip
版权申诉
22 浏览量
2023-09-22
00:19:34
上传
评论
收藏 168KB ZIP 举报
码云笔记
- 粉丝: 2w+
- 资源: 5851
最新资源
- git使用文档(一步一步教你使用Git仓库管理代码)
- 进制转换(通用版).cpp
- linux实践之从DistroWatch排名第三的EndeavourOS转到排名第五的Manjaro工作机迁移
- Discuz模板+资讯博客课程干货+商业版(GBK+UTF)
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本123.0.6292.0)
- RB308A-SOT23-5 单节锂电池保护IC 深圳市可芯电子有限公司.pdf
- Ubuntu下安装JDK
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本123.0.6291.0)
- Android基础之用Eclipse建立工程
- WZLR(2).ipynb
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈