option = {
option = { tooltip : {trigger: 'axis'
},
legend: {x : 'left',
data:['图一','图二','图三']
},
toolbox: {show : true,
feature : {mark : {show: true},
dataView : {show: true, readOnly: false},
restore : {show: true},
saveAsImage : {show: true}
}
},
calculable: true,
polar : [ { indicator : [ { text : '指标一' }, { text : '指标二' }, { text : '指标三' }, { text : '指标四' }, { text : '指标五' }],
center : ['25%',210],
radius : 150,
startAngle: 90,
splitNumber: 8,
name : {formatter:'【{value}】',
textStyle: {color:'red'}
},
scale: true,
type: 'circle',
axisLine: { // 坐标轴线
show: true, // 默认显示，属性show控制显示与否
lineStyle: { // 属性lineStyle控制线条样式
color: 'green',
width: 2,
type: 'solid'
}
},
axisLabel: { // 坐标轴文本标签，详见axis.axisLabel
show: false,
// formatter: null,textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE
color: '#ccc'
}
},
splitArea : {show : true,
areaStyle : {color: ['rgba(250,0,250,0.3)','rgba(0,200,200,0.3)']
}
},
splitLine : {show : true,
lineStyle : {width : 2,
color : 'yellow'
}
}
},
{ indicator : [ { text : '语文', max : 150 }, { text : '数学', max : 150 }, { text : '英语', max : 150 }, { text : '物理', max : 120 }, { text : '化学', max : 108 }, { text : '生物', max : 72 }],
center : ['75%', 210],
radius : 150
}
],
series : [ {name: '雷达图',
type: 'radar',
itemStyle: { emphasis: { // color: 各异, lineStyle: {width: 4
}
}
},
data : [ {value : [100, 8, 0.40, -80, 2000],
name : '图一',
symbol: 'star5',
symbolSize: 4, // 可计算特性参数，空数据拖拽提示图形大小
itemStyle: { normal: { lineStyle: {type: 'dashed'
}
}
}
},
{value : [10, 3, 0.20, -100, 1000],
name : '图二',
itemStyle: { normal: { areaStyle: {type: 'default'
}
}
}
},
{value : [20, 3, 0.3, -13.5, 3000],
name : '图三',
symbol: 'none', // 拐点图形类型，非标准参数
itemStyle: { normal: { lineStyle: {type: 'dotted'
}
}
}
}
]
},
{name: '成绩单',
type: 'radar',
polarIndex : 1,
itemStyle: { normal: { areaStyle: {type: 'default'
}
}
},
data : [ {value : [120, 118, 130, 100, 99, 70],
name : '张三',
itemStyle: { normal: {color: function(params) {
var value = params.data
return isNaN(value)
? undefined: (value >= 120 ? 'green' : 'red')
},
label: {show: true,
formatter:function(seriesName, indicatorName, value) {
return value;
}
},
areaStyle: {color: (function (){
var zrColor = require('zrender/tool/color');
var x = document.getElementById('main').offsetWidth - 250;
return zrColor.getRadialGradient(
x, 210, 0, x, 200, 150,
[[0, 'rgba(255,255,0,0.3)'],[1, 'rgba(255,0,0,0.5)']]
)
})()
}
}
}
},
{value : [90, 113, 140, 30, 70, 60],
name : '李四',
itemStyle: { normal: { lineStyle: {type: 'dashed'
}
}
}
}
],
markPoint : {symbol: 'emptyHeart',
data : [ {name : '打酱油的标注', value : 100, x:'50%', y:'15%', symbolSize:32}]
}
}
]
};