echarts实现豆瓣Top250可视化【四个图表-完美融合UI搭配设计和模拟数据】.rar

共7个文件

js：5个

html：1个

css：1个

版权申诉

echarts

5星 · 超过95%的资源 110 浏览量 2024-06-24 14:14:36 上传评论 1 收藏 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

<!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>

评论收藏

内容反馈

版权申诉