echarts是百度的图表js，对于大数据展示分析起了很大的辅助作用。
1.官方实例
http://echarts.baidu.com/demo.html#bubble-gradient
2.找到自己需要的效果，查看效果
3.下载echarts.js，并在本地新建页面把代码拷下来
4.保证js已引入，然后在不改代码的情况下会发现效果出不来，如果出来的，请自动跳出此页面。
5.如果是新手的话，请看下面代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="echarts.min.js" type="text/javascript" charset="utf-8"></script>
<script src="vintage.js" type="text/javascript" charset="utf-8"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<title></title>
</head>
<body>
<div id="main" style="width: 100%;height:800px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'), 'vintage');
myChart.showLoading();
myChart.hideLoading();
//这里填写option=[]配置
myChart.setOption(option);
</script>
</body>
</html>
在代码中我留下一个注释，可以把官方demo代码填入，然后把app.title这行可以注释掉，或者将app改为myChart
6.勤学共勉
ok
发表回复