(使用pycharm进行代码编写)
步骤:
1、在pycharm中新建一个文件夹,在文件夹中新建一个html file
2、在pycharm project中,找到新建文件夹,在文件夹中新建static/js文件夹,将下载的echarts.min.js放进去
3、在pycharm中编写html file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="./static/js/echarts.min.js"></script>
</head>
<body>
<div id="div" style="width: 600px;height: 400px"></div>
<script>
var mCharts = echarts.init(document.getElementById('div'));
var option = {
xAxis: {
type: 'category',
data: ['小明', '小红', '小王']
},
yAxis: {
type: 'value'
},
series: [
{
name: '语文',
type: 'bar',
data: [70, 92, 87]
}
]
};
mCharts.setOption(option);
</script>
</body>
</html>
结果: