一、实现要点
常用可视化图表库
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 }) }