【update】-禅道bug的修改
This commit is contained in:
@@ -359,6 +359,8 @@ export default {
|
|||||||
font-family: PingFang SC;
|
font-family: PingFang SC;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
color: #050525;
|
color: #050525;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tippy-content {
|
.tippy-content {
|
||||||
@@ -367,6 +369,8 @@ export default {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #050525;
|
color: #050525;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -230,12 +230,6 @@ export default {
|
|||||||
let tooltipTitle = this.getTooltipTitle()
|
let tooltipTitle = this.getTooltipTitle()
|
||||||
let option = {
|
let option = {
|
||||||
color: ['#069F99', '#97E3E0', '#18E0AB'],
|
color: ['#069F99', '#97E3E0', '#18E0AB'],
|
||||||
legend: {
|
|
||||||
show: false
|
|
||||||
},
|
|
||||||
grid: {
|
|
||||||
top: '40px'
|
|
||||||
},
|
|
||||||
tooltip: {
|
tooltip: {
|
||||||
formatter: params => {
|
formatter: params => {
|
||||||
// 获取xAxis data中的数据
|
// 获取xAxis data中的数据
|
||||||
@@ -279,22 +273,19 @@ export default {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name:'计划数量',
|
name:'计划数量',
|
||||||
stack: 'total',
|
|
||||||
itemStyle:{
|
|
||||||
borderRadius:[0,0,0,0],
|
|
||||||
},
|
|
||||||
data: yData[0]
|
data: yData[0]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'实际数量',
|
name:'实际数量',
|
||||||
stack: 'total',
|
barGap: '-100%',
|
||||||
data: yData[1]
|
data: yData[1]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'完成率',
|
name:'完成率',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
showSymbol: false,
|
showSymbol: false,
|
||||||
symbol: 'path://M 30 10 A 20 20 0 1 0 30 50 A 20 20 0 1 0 30 10 Z M 30 15 A 15 15 0 1 1 30 45 A 15 15 0 1 1 30 15 Z',
|
symbol: 'emptyCircle',
|
||||||
|
// symbol: 'path://M 30 10 A 20 20 0 1 0 30 50 A 20 20 0 1 0 30 10 Z M 30 15 A 15 15 0 1 1 30 45 A 15 15 0 1 1 30 15 Z',
|
||||||
areaStyle: {
|
areaStyle: {
|
||||||
opacity: 0.8,
|
opacity: 0.8,
|
||||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { GetExpertQuantityData } from '@/screenApi/api'
|
import { GetExpertQuantityData } from '@/screenApi/api'
|
||||||
import { createBarChart } from "../util/BarOptions";
|
import { createBarChart } from '../util/BarOptions'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'ExpertQuantityChart',
|
name: 'ExpertQuantityChart',
|
||||||
@@ -67,13 +67,14 @@ export default {
|
|||||||
dataStr += `<div>
|
dataStr += `<div>
|
||||||
<div style="margin: 0 8px;">
|
<div style="margin: 0 8px;">
|
||||||
<span style="display:inline-block;margin-right:5px;width:15px;height:10px;background-color:${color};border-radius: 3px"></span>
|
<span style="display:inline-block;margin-right:5px;width:15px;height:10px;background-color:${color};border-radius: 3px"></span>
|
||||||
<span style="color:#666">${item.name}</span>
|
<span style="color:#666;white-space: pre-wrap;word-break: break-all">${item.name}</span>
|
||||||
<span style="color:#333;">${item.value}</span>
|
<span style="color:#333;">${item.value}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>`
|
</div>`
|
||||||
})
|
})
|
||||||
return dataStr
|
return dataStr
|
||||||
}
|
},
|
||||||
|
extraCssText:'max-width:400px;'
|
||||||
},
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
data: xAxisData
|
data: xAxisData
|
||||||
|
|||||||
@@ -366,6 +366,8 @@ export default {
|
|||||||
font-family: PingFang SC;
|
font-family: PingFang SC;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
color: @normal-color;
|
color: @normal-color;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tippy-content {
|
.tippy-content {
|
||||||
@@ -374,6 +376,8 @@ export default {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: @normal-color;
|
color: @normal-color;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -254,12 +254,6 @@ export default {
|
|||||||
let tooltipTitle = this.getTooltipTitle()
|
let tooltipTitle = this.getTooltipTitle()
|
||||||
let option = {
|
let option = {
|
||||||
color: ['#069F99', '#97E3E0', '#18E0AB'],
|
color: ['#069F99', '#97E3E0', '#18E0AB'],
|
||||||
legend: {
|
|
||||||
show: false
|
|
||||||
},
|
|
||||||
grid: {
|
|
||||||
top: '40px'
|
|
||||||
},
|
|
||||||
tooltip: {
|
tooltip: {
|
||||||
formatter: params => {
|
formatter: params => {
|
||||||
// 获取xAxis data中的数据
|
// 获取xAxis data中的数据
|
||||||
@@ -303,22 +297,19 @@ export default {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name:'计划数量',
|
name:'计划数量',
|
||||||
stack: 'total',
|
|
||||||
itemStyle:{
|
|
||||||
borderRadius:[0,0,0,0],
|
|
||||||
},
|
|
||||||
data: yData[0]
|
data: yData[0]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'实际数量',
|
name:'实际数量',
|
||||||
stack: 'total',
|
barGap: '-100%',
|
||||||
data: yData[1]
|
data: yData[1]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name:'完成率',
|
name:'完成率',
|
||||||
type: 'line',
|
type: 'line',
|
||||||
showSymbol: false,
|
showSymbol: false,
|
||||||
symbol: 'path://M 30 10 A 20 20 0 1 0 30 50 A 20 20 0 1 0 30 10 Z M 30 15 A 15 15 0 1 1 30 45 A 15 15 0 1 1 30 15 Z',
|
symbol: 'emptyCircle',
|
||||||
|
// symbol: 'path://M 30 10 A 20 20 0 1 0 30 50 A 20 20 0 1 0 30 10 Z M 30 15 A 15 15 0 1 1 30 45 A 15 15 0 1 1 30 15 Z',
|
||||||
areaStyle: {
|
areaStyle: {
|
||||||
opacity: 0.8,
|
opacity: 0.8,
|
||||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
||||||
|
|||||||
@@ -356,6 +356,8 @@ div.calendar-box{
|
|||||||
font-family: PingFang SC;
|
font-family: PingFang SC;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tippy-content {
|
.tippy-content {
|
||||||
@@ -364,6 +366,8 @@ div.calendar-box{
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -365,6 +365,8 @@ div.calendar-box{
|
|||||||
font-family: PingFang SC;
|
font-family: PingFang SC;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tippy-content {
|
.tippy-content {
|
||||||
@@ -373,6 +375,8 @@ div.calendar-box{
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user