Antv/G2 分组柱状图

最新推荐文章于 2024-05-17 20:07:07 发布

＊且听风吟

最新推荐文章于 2024-05-17 20:07:07 发布

阅读量225

点赞数

分类专栏： # html 文章标签：前端 javascript html

本文链接：https://blog.csdn.net/HH18700418030/article/details/134124664

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>自定义图例legend</title>
	<style>
		#chartcontainer {
     
			margin: 50px auto;
			text-align: center;
		}
	</style>
</head>
<!-- 引入G2在线资源 -->
<script src="https://gw.alipayobjects.com/os/lib/antv/g2/3.4.10/dist/g2.min.js"></script>
<body>
	<div id="chartcontainer"></div>
	<script>
        // G2 对数据源格式的要求：JSON 数组，数组的每个元素是一个标准 JSON 对象。
        const data =  [
        {
      month: