Commit b4034d5b authored by 黄奎's avatar 黄奎

页面修改

parent c71dbf8a
...@@ -112,113 +112,117 @@ var chartsUtils = { ...@@ -112,113 +112,117 @@ var chartsUtils = {
}, },
//销售 任务管理 部门执行力 //销售 任务管理 部门执行力
saleTaskDepartment: function(id, myTitle, myValue, insideColor, outsideColor) { saleTaskDepartment: function(id, myTitle, myValue, insideColor, outsideColor) {
var myChart3 = selfechart.init(document.getElementById(id)); var obj=document.getElementById(id);
myChart3.setOption({ if(obj!=null)
series: [{ {
name: '业务指标', var myChart3 = selfechart.init(obj);
type: 'gauge', myChart3.setOption({
detail: { series: [{
show: true, name: '业务指标',
backgroundColor: 'rgba(0,0,0,0)', type: 'gauge',
borderWidth: 0, detail: {
borderColor: '#ccc', show: true,
offsetCenter: [0, '10%'], backgroundColor: 'rgba(0,0,0,0)',
formatter: '{value}%', borderWidth: 0,
textStyle: { borderColor: '#ccc',
color: insideColor, //百分比 offsetCenter: [0, '10%'],
fontSize: 15 formatter: '{value}%',
} textStyle: {
}, color: insideColor, //百分比
radius: '90%', fontSize: 15
startAngle: 200, }
endAngle: -25, },
data: [{ value: myValue, name: myTitle }], radius: '90%',
splitLine: { startAngle: 200,
show: false endAngle: -25,
}, data: [{ value: myValue, name: myTitle }],
axisLine: { splitLine: {
show: true, show: false
lineStyle: { },
color: [ axisLine: {
[1, 'transparent'] show: true,
], lineStyle: {
width: 2 color: [
} [1, 'transparent']
}, //缩在里面的标线 ],
axisTick: { width: 2
min: 0, }
max: 100, }, //缩在里面的标线
splitNumber: 3, //缩在里面的标线的宽度 axisTick: {
length: 2, // //缩在里面的标线的长度 min: 0,
lineStyle: { // 属性lineStyle控制线条样式 max: 100,
color: insideColor //刻度 splitNumber: 3, //缩在里面的标线的宽度
} length: 2, // //缩在里面的标线的长度
}, lineStyle: { // 属性lineStyle控制线条样式
axisLabel: { color: insideColor //刻度
formatter: function(v) { }
return ""; },
axisLabel: {
formatter: function(v) {
return "";
}
},
//指针的宽度
pointer: {
width: 0
},
title: {
show: true,
offsetCenter: [0, '40%'],
textStyle: {
color: '#9E9E9E',
fontSize: 14
}
} }
}, },
//指针的宽度 { //空仪表,最外层边框
pointer: { name: '',
width: 0 type: 'gauge',
}, startAngle: 200,
title: { endAngle: -25,
show: true, radius: "100%",
offsetCenter: [0, '40%'], //symbol: 'circle', //设定为实心点
textStyle: { //symbolSize: 20, //设定实心点的大小
color: '#9E9E9E', detail: { formatter: '{value}%' },
fontSize: 14 axisLine: { //仪表圈
} show: true,
lineStyle: {
color: [
[myValue / 100, insideColor], //完成度
[1, outsideColor]
],
shadowColor: [
[myValue / 100, 'black'],
[1, outsideColor]
],
width: 2
}
},
splitLine: { //分割线
show: false
},
axisTick: { //刻度线
show: false
},
axisLabel: { //刻度标签
show: false
},
pointer: { //指针
show: true,
width: 5,
shadowColor: 'black', //默认透明
shadowBlur: 5
},
detail: {
show: false
},
data: []
} }
}, ]
{ //空仪表,最外层边框 })
name: '', }
type: 'gauge',
startAngle: 200,
endAngle: -25,
radius: "100%",
//symbol: 'circle', //设定为实心点
//symbolSize: 20, //设定实心点的大小
detail: { formatter: '{value}%' },
axisLine: { //仪表圈
show: true,
lineStyle: {
color: [
[myValue / 100, insideColor], //完成度
[1, outsideColor]
],
shadowColor: [
[myValue / 100, 'black'],
[1, outsideColor]
],
width: 2
}
},
splitLine: { //分割线
show: false
},
axisTick: { //刻度线
show: false
},
axisLabel: { //刻度标签
show: false
},
pointer: { //指针
show: true,
width: 5,
shadowColor: 'black', //默认透明
shadowBlur: 5
},
detail: {
show: false
},
data: []
}
]
})
}, },
saleIndex: function(id, data) { saleIndex: function(id, data) {
var myChart4 = selfechart.init(document.getElementById(id)); var myChart4 = selfechart.init(document.getElementById(id));
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment