zoukankan      html  css  js  c++  java
  • 手动写的第一个eChart代码

    手动写的第一个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 一会是函数,七拼八凑,图标结果还显示出来了,感觉是莫名其妙

  • 相关阅读:
    ansj分词原理
    于erlang依赖的linux调优
    Gearman
    生成具有三态背景图片的按钮
    tracert
    Wings 3D
    jira
    Erlang编程语言的一些痛点
    QTreeView 限制特定的深度、特定深度下的列 是否可以编辑
    QStandardItemModel角色控制及QTreeView添加不同的右键菜单
  • 原文地址:https://www.cnblogs.com/Impulse/p/4979279.html
Copyright © 2011-2022 走看看