<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ECharts豆瓣Top250可视化</title>
<link rel="stylesheet" href="./reset.css">
<style>
.EChartBox {
width: 600px;
height: 450px;
}
.main {
background-color: #f0f3f5;
}
.main .title {
font-weight: bolder;
font-size: 32px;
display: flex;
align-items: center;
justify-content: center;
padding: 50px 0;
color: #27a;
}
.ECharts-layout .row{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding-bottom: 20px;
}
.tit {
padding: 20px 0;
font-weight: bolder;
}
</style>
</head>
<body>
<div class="main">
<div class="title">ECharts豆瓣Top250可视化</div>
<div class="ECharts-layout">
<div class="row">
<div id="ECharts001" class="EChartBox"></div>
<div id="ECharts002" class="EChartBox" style="margin-left: 20px;"></div>
</div>
<div class="row">
<div id="ECharts003" class="EChartBox"></div>
<div id="ECharts004" class="EChartBox" style="margin-left: 20px;"></div>
</div>
</div>
</div>
<script src="./echarts.min.5.2.js"></script>
<script src="./echarts-init001.js"></script>
<script src="./echarts-init002.js"></script>
<script src="./echarts-init003.js"></script>
<script src="./echarts-init004.js"></script>
<script type="application/javascript">
window.onload = function () {
initECharts001()
initECharts002()
initECharts003()
initECharts004()
};
</script>
</body>
</html>
echarts实现豆瓣Top250可视化【四个图表-完美融合UI搭配设计和模拟数据】.rar
版权申诉
97 浏览量
2024-06-24
14:14:36
上传
评论
收藏 287KB RAR 举报
echarts实现豆瓣Top250可视化【四个图表-完美融合UI搭配设计和模拟数据】.rar （7个子文件） 
豆瓣Top250可视化【四个图表-完美融合UI搭配设计和模拟数据】 
echarts-init002.js 4KB echarts-init003.js 4KB echarts.min.5.2.js 988KB echarts-init004.js 5KB reset.css 3KB echarts-init001.js 5KB
豆瓣电影Top250可视化.html 2KB资源评论
usp1994
- 粉丝: 4109
- 资源: 1041
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
