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
    			})
    		}
    
  • 相关阅读:
    Java IO流
    Java中Char和Byte的区别
    Java常用类
    View
    3 View
    View
    3 View
    3 View视图 URLconf
    2 Model层
    2 Model层-模型成员
  • 原文地址:https://www.cnblogs.com/OnTheWay-0518/p/9677799.html
Copyright © 2011-2022 走看看