代碼
提交代碼
<!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: {
// 提供 dataView 空對象即可啟動 dataView 功能
dataView: {},
},
},
radar: {
indicator: [
{ name: '銷售', max: 6500 },
{ name: '管理', max: 16000 },
{ name: '信息技術', max: 30000 },
{ name: '客服', max: 38000 },
{ name: '研發', max: 52000 },
{ name: '市場', max: 25000 },
],
},
series: [
{
type: 'radar',
data: [
{
value: [4300, 10000, 28000, 35000, 50000, 19000],
name: '預算',
},
{
value: [5000, 14000, 28000, 31000, 42000, 21000],
name: '實際開銷',
},
],
},
],
};
myChart.setOption(option);
</script>
</body>
</html>
運行結果