Echarts入门示例

最新推荐文章于 2023-12-23 15:24:11 发布

weixin_30732487

最新推荐文章于 2023-12-23 15:24:11 发布

阅读量53

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/webBlog-gqs/p/7103903.html

版权

一个简单的Echarts入门示例，需要下载请移步至 http://echarts.baidu.com/index.html

来自官网的例子：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Echarts入门示例</title>
</head>
<body>
<div id="main" style="width:600px;height: 400px;"></div>
<script src="echarts.js"></script>
<script>
var myChart = echarts.init(document.querySelector("#main"));
var option = {
title:{
text: '入门示例'
},
tooltip:{},
legend:{
data:['销量']
},
xAxis:{
data:["衬衫","羊毛衫","裤子","袜子","高跟鞋"]
},
yAxis:{},
series:[{
name:'销量',
type:'bar',
data:[10,20,30,22,16]
}]
};
myChart.setOption(option);
</script>
</body>
</html>