ECHarts柱状图、地图散点图并列显示练习

原创

于 2018-08-27 18:09:47 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML5 #ECHarts

本文介绍了如何使用 ECharts 框架实现柱状图和地图散点图的并列显示，通过示例展示效果，并提供了鼠标悬停时显示数据的交互功能。

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

效果图

鼠标放上去显示数据

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>The International DOTA2 Championships</title>
    <!-- 引入 echarts.js -->
    <script src="echarts.min.js"></script>
	<script src="china.js"></script>
</head>


<body bgcolor="#2c2f30">
	<h1  align="center" style="color:#F5F5F5 "style="font-family:Microsoft JhengHei">DOTA2国际邀请赛</h1>
	<img src="DOTA2LOGO.png" width="100%" />

   <div id="main" styl