来了来了,小编又来做总结了,今天学了echart,首先我们要知道echart是一个数据可视化图表库
HeightCharts,D3是echart的同行,但是小编今天只学了echart,所以今天只能总结一下echart了。
核心概念
instance实例
serues系列
tooltip提示
legend图例
xAxis x轴
yAxis y轴
toolbox 工具箱
daraZoom 缩放
vitualMap 虚拟映射
在讲这些之前我们先来了解一下在html里要怎么使用echart
<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
//首先要读入js
<style type="text/css">
#container {
width: 800px;
height: 600px;
}
</style>
<div id="container"></div>
//创建好dom,定义宽高
var myChart = echarts.init(document.getElenmentById('container'));
//基于准备好的dom,初始化echarts实例
var option ={