能力运行监控饼图
This commit is contained in:
parent
d4e47eafe6
commit
58d9b209b7
|
@ -37,7 +37,7 @@
|
||||||
<div class="AbnormalDistribution">
|
<div class="AbnormalDistribution">
|
||||||
<h4 class="title">API异常分布</h4>
|
<h4 class="title">API异常分布</h4>
|
||||||
<div class='container-body1'>
|
<div class='container-body1'>
|
||||||
<div id="main" style="width: 100px;height:200px;"></div>
|
<div id="main" style="width: 100px;height:260px;"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- API异常次数统计 -->
|
<!-- API异常次数统计 -->
|
||||||
|
@ -190,12 +190,19 @@ export default {
|
||||||
trigger: 'item'
|
trigger: 'item'
|
||||||
},
|
},
|
||||||
legend: {
|
legend: {
|
||||||
bottom: '0%'
|
bottom: '22%'
|
||||||
|
},
|
||||||
|
color: ['#0087ff', '#ff8a00', '#fcc549', '#49c988'],
|
||||||
|
grid: {
|
||||||
|
left: '0%',
|
||||||
|
right: '0%',
|
||||||
|
bottom: '10%',
|
||||||
|
containLabel: true
|
||||||
},
|
},
|
||||||
color: ['#fc8251', '#5470c6', '#91cd77', '#ef6567', '#f9c956', '#75bedc'],
|
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: 'GA 数据统计',
|
center: ['50%', '20%'],
|
||||||
|
name: 'api异常分布',
|
||||||
type: 'pie',
|
type: 'pie',
|
||||||
radius: ['40%', '70%'],
|
radius: ['40%', '70%'],
|
||||||
avoidLabelOverlap: false,
|
avoidLabelOverlap: false,
|
||||||
|
@ -208,12 +215,6 @@ export default {
|
||||||
show: false,
|
show: false,
|
||||||
position: 'center'
|
position: 'center'
|
||||||
},
|
},
|
||||||
grid: {
|
|
||||||
left: '0%',
|
|
||||||
right: '12%',
|
|
||||||
bottom: '10%',
|
|
||||||
containLabel: true
|
|
||||||
},
|
|
||||||
// emphasis: {
|
// emphasis: {
|
||||||
// label: {
|
// label: {
|
||||||
// show: true,
|
// show: true,
|
||||||
|
|
Loading…
Reference in New Issue