代碼
提交代碼
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Echarts Example</title>
</head>
<body>
<div id="main" style="width: 600px; height: 400px;"></div>
<script src="//cdn.bootcss.com/echarts/4.5.0/echarts.js"></script>
<script type="text/javascript">
const myChart = echarts.init(document.getElementById('main'));
const option = {
toolbox: {
feature: { saveAsImage: { pixelRatio: 1, type: 'jpeg', excludeComponents: ['legend'] } },
},
legend: {
data: ['預(yù)算', '實(shí)際開(kāi)銷'],
left: 0,
},
radar: {
indicator: [
{ name: '銷售', max: 6500 },
{ name: '管理', max: 16000 },
{ name: '信息技術(shù)', max: 30000 },
{ name: '客服', max: 38000 },
{ name: '研發(fā)', max: 52000 },
{ name: '市場(chǎng)', max: 25000 },
],
},
series: [
{
type: 'radar',
data: [
{
value: [4300, 10000, 28000, 35000, 50000, 19000],
name: '預(yù)算',
},
{
value: [5000, 14000, 28000, 31000, 42000, 21000],
name: '實(shí)際開(kāi)銷',
},
],
},
],
};
myChart.setOption(option);
</script>
</body>
</html>
運(yùn)行結(jié)果