使用Echarts的五个步骤
参考网址:http://echarts.baidu.com/doc/start.html
一、制作一个图表容器
<div id="main" style="height:400px;"></div>
二、引入echarts.js文件
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
三、配置图表路径
require.config({
paths:{echarts:".../dist"}
});
四、加载图表js文件
require(["echarts", "echarts/chart/bar"], loadComplete);
五、绘制图表
function loadComplete(ec) {
var myChart = ec.init(document.getElementById("main"));
var option = { ... }; // 图表配置信息
myChart.setOption(option);
}
一、制作一个图表容器
<div id="main" style="height:400px;"></div>
二、引入echarts.js文件
<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
三、配置图表路径
require.config({
paths:{echarts:".../dist"}
});
四、加载图表js文件
require(["echarts", "echarts/chart/bar"], loadComplete);
五、绘制图表
function loadComplete(ec) {
var myChart = ec.init(document.getElementById("main"));
var option = { ... }; // 图表配置信息
myChart.setOption(option);
}
-
Tyson大飞 赞了这篇日记 2016-05-26 12:41:36
热门话题 · · · · · · ( 去话题广场 )
- 歌手2024直播 4.3万次浏览
- 你的专业最难考的科目是什么? 12.7万次浏览
- 你对家的理解是什么? 8.0万次浏览
- 这座城市温柔的一面 67.3万次浏览
- 你为明月所作的诗 4.4万次浏览
- 记忆里的台风 13.8万次浏览