使用Echarts的五个步骤

使用Echarts的五个步骤 _liuz 2015-07-22 09:35:53

参考网址: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);
}

 
  
 
使用Echarts的五个步骤
_liuz (北京)

愿原力与你同在。

这篇日记的标签  · · · · · ·

Echarts

推荐这篇日记的豆列  · · · · · ·  ( 全部 )

 
 
上一篇:在easyui中如何修改combobox的下拉框的高度为自适应高度


下一篇:git创建本地分支以及推送本地分之至远程分支