利用Echarts写的柱状图

最新推荐文章于 2023-05-22 15:41:14 发布

VIP文章 jav0a0

最新推荐文章于 2023-05-22 15:41:14 发布

阅读量233

点赞数

分类专栏： H5前段利用echarts写柱状图

本文链接：https://blog.csdn.net/jav0a0/article/details/90714891

版权

利用Echarts写的柱状图

效果图如下

利用Echarts写的柱状图

html 代码如下

<!DOCTYPE html>
<html style="height: 100%">
<head>
   <meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<title>柱状图</title>
		<script type="text/javascript" src="jquery.min.js" ></script>//在网上现在一个jquery.min.js文件
		<style>
		html,body{
		    height: 100%;
		}
		body{
		    font-family: PingFangSC-Regular, sans-serif;
		    font-size: 16px;
		    background: #ffffff;
		}
		body,html,div,p,input,img,span,h1,h2,h3,h4,ul,li,section,footer,header,label,select,button,a,i,e,b,dl,dd{
		    margin: 0;
		    padding: 0;
		}
		a{
		    text-decoration: none;
		}
		b{
		    font-weight: normal;
		}
		a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
		li{
		    list-style: none;
		}
		em,i{
		    font-style: normal;
		}

		</style>
	</head>	
   <body style="

最低0.47元/天解锁文章

jav0a0

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用Echarts写的柱状图

利用Echarts写的柱状图效果图如下html 代码如下<!DOCTYPE html><html style="height: 100%"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca...
复制链接

扫一扫