Commit 2d63e7a0 authored by liudong1993's avatar liudong1993

1

parent d155bde6
<template>
<div class="echartsBox">
<div class="titleBox row">
<h3>月度实际利率变化趋势图 %(折线图)</h3>
<h3>月度实际利润变化趋势图(折线图)</h3>
<div style="margin-left: 20px;">
......@@ -67,8 +67,13 @@ export default {
type: 'line',
showSymbol: true,
smooth: true,
symbolSize: 1,
data: x.DetailList.map(y=>{return y.ProfitRate.toFixed(2)}) // 绑定实时数据数组
symbolSize: 5,
label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额,{c} 代表数据值
},
data: x.DetailList.map(y=>{return (y.Profit/10000).toFixed(2)}) // 绑定实时数据数组
}
datas.push(obj)
if(indexs>10){
......@@ -131,7 +136,9 @@ export default {
axisLabel: {
textStyle: {
color: "#969696"
}
},
formatter: '{value}w',
margin: 20 // 标签距离y轴的距离为20
},
splitLine:{
show:true,
......@@ -153,7 +160,8 @@ export default {
},
dataZoom: [
{
type: 'inside'
type: 'inside',
disabled: true
}
],
series:datas
......
<template>
<div class="echartsBox">
<div class="titleBox row">
<h3>月度实际利率变化趋势图 %(柱状图)</h3>
<h3>月度实际利润变化趋势图(柱状图)</h3>
<div style="margin-left: 20px;">
......@@ -65,11 +65,16 @@ export default {
let obj = {
name: Name,
type: 'bar',
label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额,{c} 代表数据值
},
itemStyle:{
barBorderRadius: 5,
},
barWidth: 5,
data: x.DetailList.map(y=>{return y.ProfitRate.toFixed(2)}) // 绑定实时数据数组
barWidth: 30,
data: x.DetailList.map(y=>{return (y.Profit/10000).toFixed(2)}) // 绑定实时数据数组
}
datas.push(obj)
if(indexs>10){
......@@ -132,7 +137,9 @@ export default {
axisLabel: {
textStyle: {
color: "#969696"
}
},
formatter: '{value}w',
margin: 50 // 标签距离y轴的距离为20
},
splitLine:{
show:true,
......@@ -154,7 +161,8 @@ export default {
},
dataZoom: [
{
type: 'inside'
type: 'inside',
disabled: true
}
],
series:datas
......
<template>
<div class="echartsBox">
<div class="titleBox text-center row">
<h3>各费用项收入占比变化趋势图 %</h3>
<h3>各费用项变化趋势图</h3>
<div style="margin-left: 20px;">
......@@ -40,12 +40,12 @@ export default {
},
CostDatas: [],
incomeTitles:[
{Name: '机票/收入',value:'JiPiaoRate',ID:2},
{Name: '房费/收入',value:'RommFeeRate',ID:4},
{Name: '车费/收入',value:'CarFeeRate',ID:6},
{Name: '餐费/收入',value:'MealFeeRate',ID:8},
{Name: '门票/收入',value:'TicketFeeRate',ID:10},
{Name: '签证/收入',value:'VisaFeeRate',ID:12},
{Name: '机票',value:'JiPiao',ID:2},
{Name: '房费',value:'RoomFee',ID:4},
{Name: '车费',value:'CarFee',ID:6},
{Name: '餐费',value:'MealFee',ID:8},
{Name: '门票',value:'TicketFee',ID:10},
{Name: '签证',value:'VisaFee',ID:12},
],
}
},
......@@ -93,34 +93,34 @@ export default {
if(filter){
this.CostDatas.forEach((x,indexs)=>{
if(indexs==0){
x.name = '机票/收入'
x.name = '机票'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['JiPiaoRate'])
x.data.push((z['JiPiao']/10000).toFixed(2))
})
}else if(indexs==1){
x.name = '房费/收入'
x.name = '房费'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['RommFeeRate'])
x.data.push((z['RoomFee']/10000).toFixed(2))
})
}else if(indexs==2){
x.name = '车费/收入'
x.name = '车费'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['CarFeeRate'])
x.data.push((z['CarFee']/10000).toFixed(2))
})
}else if(indexs==3){
x.name = '餐费/收入'
x.name = '餐费'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['MealFeeRate'])
x.data.push((z['MealFee']/10000).toFixed(2))
})
}else if(indexs==4){
x.name = '门票/收入'
x.name = '门票'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['TicketFeeRate'])
x.data.push((z['TicketFee']/10000).toFixed(2))
})
}else if(indexs==5){
x.name = '签证/收入'
x.name = '签证'
this.CostAnalysisData.forEach(z=>{
x.data.push(z['VisaFeeRate'])
x.data.push((z['VisaFee']/10000).toFixed(2))
})
}
// if(indexs>4){
......@@ -201,7 +201,8 @@ export default {
axisLabel: {
textStyle: {
color: "#969696"
}
},
formatter: '{value}w'
},
splitLine:{
show:true,
......@@ -214,7 +215,8 @@ export default {
],
dataZoom: [
{
type: 'inside'
type: 'inside',
disabled: true
}
],
series:datas
......
<template>
<div class="echartsBox">
<div class="titleBox row">
<h3>月度收入变化趋势图 %</h3>
<h3>月度收入变化趋势图</h3>
<div style="margin-left: 20px;">
......@@ -67,8 +67,13 @@ export default {
type: 'line',
showSymbol: true,
smooth: true,
symbolSize: 1,
data: x.DetailList.map(y=>{return y.IncomeRate.toFixed(2)}) // 绑定实时数据数组
symbolSize: 5,
label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额,{c} 代表数据值
},
data: x.DetailList.map(y=>{return (y.Income/10000).toFixed(2)}) // 绑定实时数据数组
}
datas.push(obj)
if(indexs>10){
......@@ -131,7 +136,9 @@ export default {
axisLabel: {
textStyle: {
color: "#969696"
}
},
formatter: '{value}w',
margin: 20 // 标签距离y轴的距离为20
},
splitLine:{
show:true,
......@@ -149,11 +156,12 @@ export default {
type: 'dashed',
color: "#ddd"
}
}
},
},
dataZoom: [
{
type: 'inside'
type: 'inside',
disabled: true
}
],
series:datas
......
<template>
<div class="echartsBox">
<div class="titleBox row">
<h3>月度毛利率变化趋势图 %(折线图)</h3>
<h3>月度毛利变化趋势图(折线图)</h3>
<div style="margin-left: 20px;">
......@@ -66,9 +66,14 @@ export default {
name: Name,
type: 'line',
showSymbol: true,
smooth: true,
symbolSize: 1,
data: x.DetailList.map(y=>{return y.MaoLiRate.toFixed(2)}) // 绑定实时数据数组
smooth: true,
symbolSize: 5,
label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额,{c} 代表数据值
},
data: x.DetailList.map(y=>{return (y.MaoLi/10000).toFixed(2)}) // 绑定实时数据数组
}
datas.push(obj)
if(indexs>10){
......@@ -131,7 +136,9 @@ export default {
axisLabel: {
textStyle: {
color: "#969696"
}
},
formatter: '{value}w',
margin: 20 // 标签距离y轴的距离为20
},
splitLine:{
show:true,
......@@ -153,7 +160,8 @@ export default {
},
dataZoom: [
{
type: 'inside'
type: 'inside',
disabled: true
}
],
series:datas
......
<template>
<div class="echartsBox">
<div class="titleBox row">
<h3>月度毛利率变化趋势图 %(柱状图)</h3>
<h3>月度毛利变化趋势图(柱状图)</h3>
<div style="margin-left: 20px;">
......@@ -65,11 +65,16 @@ export default {
let obj = {
name: Name,
type: 'bar',
label: {
show: true,
position: 'top', // 在顶部显示
formatter: '{c}w' // 格式化金额,{c} 代表数据值
},
itemStyle:{
barBorderRadius: 5,
},
barWidth: 5,
data: x.DetailList.map(y=>{return y.MaoLiRate.toFixed(2)}) // 绑定实时数据数组
barWidth: 30,
data: x.DetailList.map(y=>{return (y.MaoLi/10000).toFixed(2)}) // 绑定实时数据数组
}
datas.push(obj)
if(indexs>10){
......@@ -132,7 +137,9 @@ export default {
axisLabel: {
textStyle: {
color: "#969696"
}
},
formatter: '{value}w',
margin: 50 // 标签距离y轴的距离为20
},
splitLine:{
show:true,
......@@ -154,7 +161,8 @@ export default {
},
dataZoom: [
{
type: 'inside'
type: 'inside',
disabled: true
}
],
series:datas
......
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