Echarts极地坐标图直径半径设置
var dom = document.getElementById("theChart");
var myChart = echarts.init(dom);
option = null;
var param_a = [13652,16154,18615,20733,16578,13036,14167,15047,15573,15854];
var param_c = [12652,15154,17615,19733,15678,12036,15167,16047,15573,16854];
var res_data = [];
for(var t = 0;t < param_a.length;t++){
if(param_c == ''){
res_data.push([0,param_a[t],param_a[t]]);
}else{
res_data.push([0,param_c[t],param_a[t]]);
}
}
var data = res_data;
/*var data = [
[2000, 10000, 10385.71],
[2000, 10000, 10251],
[2000, 9500, 9663.33],
[2000, 8600, 8793.83],
[1500, 7000, 7160],
[1500, 6000, 6222.33],
[1000, 4500, 4533.33],
[1000, 4000, 4100],
[1000, 3500, 2750],
[1000, 6500, 7750],
];*/
var cities = ['1年', '2年', '3年', '4年', '5年', '6年', '7年', '8年', '9年', '10年'];
//var barHeight = 100;
option = {
legend: {
show: true,
data: ['个人', '平均'],
textStyle:{
color: '#000'
},
bottom: 0,
right: 10
},
grid: {
},
angleAxis: {
type: 'category',
data: cities,
axisLabel: {
margin: 2,
},
startAngle: 90,//刻度轴角度
axisLine:{
lineStyle:{
color:'#333'
}
},
//z: 9
},
tooltip: {
show: true,
formatter: function(params) {
var id = params.dataIndex;
return cities[id] + '<br>低：' + data[id][0] + '<br>高：' + data[id][1] + '<br>测：' + data[id][2];
}
},
radiusAxis: {
splitLine: { //分割线
show: true,
lineStyle: {
color: '#999',
},
},
axisLine:{
lineStyle:{
color:'#333'
}
},
z: 11,
},
polar: { //极坐标
center: ['50%','50%'],
radius: [[190]]//半径大小
},
series: [{
type: 'bar',
itemStyle: {
normal: {
color: 'transparent'
}
},
data: data.map(function(d) {
return d[0];
}),
coordinateSystem: 'polar',
stack: '最大最小值',
silent: true
}, {
type: 'bar',
data: data.map(function(d) {
return d[1] - d[0];
}),
coordinateSystem: 'polar',
name: '平均',
stack: '最大最小值',
itemStyle:{
normal:{
opacity: .7,
color: '#ff8896'
}
}
}, {
type: 'bar',
itemStyle: {
normal: {
color: 'transparent'
}
},
data: data.map(function(d) {
var a_b = division(d[2],25);
return multiply(a_b,24);
}),
coordinateSystem: 'polar',
stack: '个人',
silent: true,
z: 10
}, {
type: 'bar',
data: data.map(function(d) {
var a_a = division(d[2],25);
return multiply(a_a,1);
}),
coordinateSystem: 'polar',
name: '个人',
stack: '个人',
barGap: '-100%',
z: 10,
itemStyle: {
normal: {
color: '#ffe400'
}
},
}],
};
if(option && typeof option === "object") {
myChart.setOption(option, true);
}
function num(a){
if(a != null && a.toString() != "") {
var r = /^-?(0|[1-9]+\d*|[1-9]+\d*\.\d+|0\.\d+)$/;
if(r.test(a.toString())) {
return true;
}
}
return false;
}
function division(a, b){
if(!num(a) || !num(b)) {
return null;
}
var c, d, f, g;
try {
c = a.toString().split(".")[1].length;
} catch(e) {
c = 0;
}
try {
d = b.toString().split(".")[1].length;
} catch(e) {
d = 0;
}
with(Math) {
f = Number(a.toString().replace(".", ""));
g = Number(b.toString().replace(".", ""));
return parseInt((f / g) * pow(10, d - c));
}
}
function multiply(a,b) {
var m = 0,
c = a.toString(),
d = b.toString();
try {
m += c.split(".")[1].length
} catch(e) {}
try {
m += d.split(".")[1].length
} catch(e) {}
return parseInt(Number(c.replace(".", "")) * Number(d.replace(".", "")) / Math.pow(10, m))
}
