手动写的第一个eChart代码

最新推荐文章于 2024-04-01 11:42:36 发布

dengguawei0519

最新推荐文章于 2024-04-01 11:42:36 发布

阅读量106

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/Impulse/p/4979279.html

版权

手动写的第一个eChart代码，第一感觉，杂乱无章

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>ECharts</title>
 </head>
 <body>
  <div id="main" class="" style="height:400px"></div>
	
	<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
	<script type="text/javascript">
	<!--
		//路径配置
		require.config({
			paths:{
				echarts:'http://echarts.baidu.com/build/dist'
			}
		});

		require(
			[
				'echarts',
				'echarts/chart/bar' //是用柱状图就加载bar模块，按需加载
			],
			function(ec){
				//基于准备好的dom,初始化echarts图标
				var myChart = ec.init(document.getElementById('main'));
				
				var option={
					tooltip:{
						show:true
					},
					legend:{
						data:['销量']
					},
					xAxis:[
					{
						type:'category',
						data:["衬衫","羊毛衫","雪纺纱","裤子","高跟鞋","袜子"]
					}
					],
					yAxis:[
					{
						type:'value'
					}
					],
					series:[
					{
						"name":"销量",
						"type":"bar",
						"data":[5,20,40,10,10,20]
					}
					]
				};

				myChart.setOption(option);
			}
		);
	//-->
	</script>
 </body>
</html>

　　都是啥玩意，一会是数组一会是json 一会是函数，七拼八凑，图标结果还显示出来了，感觉是莫名其妙

转载于:https://www.cnblogs.com/Impulse/p/4979279.html