zoukankan      html  css  js  c++  java
  • Echarts简单图表

    一、实现要点

      常用可视化图表库

        Echarts
        HighCharts
        D3.js
        neo4j (NOSQL)

    1.导入js库
    	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    	<script type="text/javascript" src="js/echarts.min.js"></script>
    	<script type="text/javascript" src="js/bar.js"></script>
    2.定义div
    	<div id="show" style="height:600px;800px"></div>
    	一定要设置高度 height
    3.给数据赋值
    	option.xAxis.data = data.x;				
    	option.series[0].data=data.y;
    4.设置option
    	myChart.setOption(option)
    

     二、数据处理

    1.series添加数据
    	1.1按相应的格式添加数据
    		diySeries.push({
    			data : data.y1,
    			type : 'bar'
    		})
    
    	1.2数组数据------循环添加,
    		for(i in inn){
    			var name = inn[i].split(",")[0];
    			var value = inn[i].split(",")[1];
    			innerData.push({
    				name : name ,
    				value : value
    			})
    		}
    
  • 相关阅读:
    [NoiPlus2016]换教室
    [HNOI2013]游走
    [Noi2002]Savage
    [SDOI2010]古代猪文
    [JSOI2008]最小生成树计数
    [SCOI2010] 连续攻击游戏
    文艺平衡树
    指针FHQTreap
    HAOI2007 上升序列
    HNOI2008 玩具装箱
  • 原文地址:https://www.cnblogs.com/OnTheWay-0518/p/9677799.html
Copyright © 2011-2022 走看看