Echartmap

定义

了解echarts

1.javascript的图标库；
2.百度捐给了apache基金会
3.比较符合中国人习惯
4.HeightCharts，D3是其同行
5.echarts官网

核心概览

• instance实例
• series系列
• tooltip提示
• legend图例
• xAxis x轴
• yAxis y轴
• toolbox 工具箱
• dataZoom 缩放
• vitualMap虚拟映射

示例

<div id="container" style="width: 600px;height: 400px;"></div>
		<script>
		//初始化echart实例
			var echart =echarts.init(document.getElementById("container"));
			//定义选项
			var option ={
     
				//标题
				title:{
     text:"前端大讲堂数据"},
				//鼠标提示
				tooltip:{
     },
				//图例
				legend:{
     data:["人数","人气"]},
				//x轴线
				xAxis"人数",type: