用Echarts写一个雷达图
时间: 2024-05-02 09:19:03 浏览: 14
好的,下面是用 Echarts 写雷达图的示例代码:
```javascript
// 引入 Echarts
import * as echarts from 'echarts';
// 初始化图表
const myChart = echarts.init(document.getElementById('chart'));
// 配置数据
const option = {
tooltip: {},
radar: {
indicator: [
{ name: '销售', max: 100 },
{ name: '管理', max: 100 },
{ name: '财务', max: 100 },
{ name: '研发', max: 100 },
{ name: '客户支持', max: 100 }
]
},
series: [
{
name: '预算 vs 开销(Budget vs spending)',
type: 'radar',
data: [
{
value: [80, 90, 75, 65, 85],
name: '预算分配(Allocated Budget)'
},
{
value: [60, 80, 70, 80, 70],
name: '实际开销(Actual Spending)'
}
]
}
]
};
// 渲染图表
myChart.setOption(option);
```
希望这个示例代码可以帮助你实现一个漂亮的雷达图!