第一个echarts实例（一个简单柱形图）
2017-11-01 16:47
344 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>折线图</title>
<link rel="stylesheet" href="css/chart.css">
</head>
<body>
<div class="cnt" id="main"></div>
<script src="js/echarts.js"></script>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
var option = {
title:{
text:'echarts入门'
},
tooltip:{},
legend:{
data:['销量']
},
xAxis:{
data:["a","b","c","d","e","f"]
},
yAxis:{},
series:[{
name:'销量',
type:'bar',
data:[5,20,36,10,10,20]
}]
};
myChart.setOption(option);
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 怎样用ECharts绘制一个简单的柱形图表
- struts2入门-第一个例子==》第一个struts2实例——HelloWorld==》Struts2.0搭建和简单实例==>写一个Steuts2的经典入门案例,做了一个登陆程序作为入门例子
- python调用c函数的一个简单实例
- Hibernate框架的搭建和第一个简单的实例
- SpringMVC4+thymeleaf3的一个简单实例（篇一：基本环境）
- SpringMVC4+thymeleaf3的一个简单实例（篇四：form表单数据验证）
- 使用MongoDB和JSP实现一个简单的购物车系统实例
- 使用MongoDB和JSP实现一个简单的购物车系统实例
- 【Qt5开发及实例】14、实现一个简单的文本编辑器3
- 一个简单的REST服务实例
- Android逆向实例笔记—记一个超简单但是没良心的锁机app
- apache lucene 一个最简单的实例
- 在TAO平台运行一个简单CORBA实例
- JQuery中一个简单的表单验证的实例
- Struts2开发环境搭建，及一个简单登录功能实例
- php接口技术实现一个简单的多态应用实例
- 2.我的第一个JSP代码：java控制输出1-100之和，say hello并写一个简单的表格
- 一个简单的多任务内核实例
- 一个简单AJAX请求WCF实例
- 使用Node.js实现一个简单的FastCGI服务器实例