效果图
ECharts
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
var option;
option = {
title: {
text: '多雷达图'
},
tooltip: {
trigger: 'axis'
},
legend: {
x: 'center',
data: ['某软件', '某主食手机', '某水果手机', '降水量', '蒸发量']
},
radar: [{
indicator: [{
text: '品牌',
max: 100
},
{
text: '内容',
max: 100
},
{
text: '可用性',
max: 100
},
{
text: '功能',
max: 100
}
],
center: ['25%', '40%'],
radius: 80
},
{
indicator: [{
text: '外观',
max: 100
},
{
text: '拍照',
max: 100
},
{
text: '系统',
max: 100
},
{
text: '性能',
max: 100
},
{
text: '屏幕',
max: 100
}
],
radius: 80,
center: ['50%', '60%'],
},
{
indicator: (function() {
var res = [];
for(var i = 1; i
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?