这篇博客介绍了Echarts的基础应用，包括datazoom控件的使用，数据格式化的formatter功能，以及grid控件的配置。同时讲解了如何调整图表颜色、尺寸和位置，提供了详细注释。
本案例主要有datazoom控件、formatter、grid控件的简单使用，还有一些基础设置，比如改变颜色，图的大小、位置，有注释
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>echarts基础案例01</title>
<script type="text/javascript" src="js/echarts.js" ></script>
</head>
<body>
<div id="mainBar" style="width:600px; height:500px;margin: 0 auto;border:1px solid red;"></div>
<script>
var myEchart = echarts.init(document.getElementById('mainBar'));
var option ={
title:{ //图表的标题以及副标题 还有链接以及父链接，并且可以调整他们的位置
text:'陈陈陈',
link:'http://www.baidu.com',
subtext:'www.chen.com',
sublink:'http://www.baidu.com',
最低0.47元/天 解锁文章
扫一扫
2480
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
