<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
<title>Document</title>
</head>
<body>
<div id="main" style="width: 500px;height: 500px;"></div>
<script>
const myChart = echarts.init(document.getElementById('main'))
var option = {
series: [{
name: 'shuju',
type: 'pie',//设置图类型
radius: '55%',//设置半径
roseType: 'angle',//设置是否为南丁格尔图
data: [//设置数据
{value:100,name: '1'},
{value:200,name: '2'},
{value:300,name: '3'},
{value:400,name: '4'},
{value:500,name: '5'},
]
}],
}
myChart.setOption(option)
</script>
</body>
</html>
echarts cdn饼状图基础
最新推荐文章于 2024-08-28 22:25:12 发布