使用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);
}

 

  

喜欢

推荐

 

回应 推荐 喜欢

 

> 我来回应

_liuz (北京)

愿原力与你同在。

_liuz的最新日记  · · · · · ·  ( 全部 )

• 如何使用MD5校验
• [Python] 如何将CSV格式转换成JSON格式？
• [Compass] 如何安装Compass
• [npm] 国内如何安装npm包？
• [ImageMagick] 如何把png转换成白色背景的jpg?

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

Echarts

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

• _liuz的日记