注意 项目开发就是下载压缩版 平时修仙就下载源代码
也可以直接在线定制 或者使用 npm 下载
npm install echarts
这里我使用npm下载
目录
对应
进入 /_echarts@4.8.0@echarts / dist
使用 vscode 编辑器打开dist 开始编码
创建 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./echarts.js"></script>
<title>echartsDemo</title>
</head>
<body>
<div id='echarts' style="width: 400px;height:400px;border:1px solid #eee"></div>
<script>
var charts = echarts.init(document.getElementById('echarts'))
charts.setOption({
title:{
text: 'hello Echarts'
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
})
</script>
</body>
</html>
效果