diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/audit/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/audit/index.vue index e2b84a44..b400bdcf 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/audit/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/audit/index.vue @@ -7,9 +7,9 @@ 统计 - -
+ +
import * as echarts from "echarts"; import chartsOptions from "./charts"; -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; import { selectRoadSection, @@ -22,8 +22,13 @@ export default { methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("chartsTimer")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/business/trafficIncidents/exportSelectRoadSectionAnalysis", filename: name, data: this.data diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/days/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/days/index.vue index 06d8c6df..a9e01dcb 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/days/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/days/index.vue @@ -1,17 +1,17 @@ - + - + - \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/etime/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/etime/index.vue index dc530845..3b2ce5d8 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/etime/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/etime/index.vue @@ -5,7 +5,7 @@ - + - \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/day/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/day/index.vue index b533e150..b1c2c6a4 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/day/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/day/index.vue @@ -7,7 +7,7 @@ import * as echarts from "echarts"; import chartsStatistics from "./charts"; import request from '@/utils/request' import moment from "moment"; -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { name: "RailWayDay", @@ -22,12 +22,23 @@ export default { created() {}, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("railwayDay")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/perceivedEvents/warning/exportSelectStateType", filename: name, data:this.data, }); + // exportFile({ + // method:'get', + // url: "/perceivedEvents/warning/exportSelectStateType", + // filename: name, + // data:this.data, + // }); }, bind(){ this.data = { @@ -43,7 +54,7 @@ export default { const {currentlyMap,lastYearMap,stateDuration} = result.data; const xListSource = [...currentlyMap,...lastYearMap,...stateDuration] let xList = Array.from(new Set(xListSource.map(x=>x.sectionName))); - + const value0 = []; //上报 warningState = 1 const value1 = []; //已完成 warningState = 2 const value2 = []; //已终止 warningState = 3 @@ -77,7 +88,7 @@ export default { chartsStatistics.series[4].data = value4; chartsStatistics.series[5].data = value5; if(!this.myChart){ - this.myChart = echarts.init(document.getElementById("railwayDay")); + this.myChart = echarts.init(document.getElementById("railwayDay")); } this.myChart.setOption(chartsStatistics); @@ -88,7 +99,7 @@ export default { this.$nextTick(()=>{ this.bind(); }) - + // getSectionPerceivedNumber().then((res) => { // if (res.code == 200) { // this.dataList = res.data; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/muliple/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/muliple/index.vue index ec4140e7..4189a8af 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/muliple/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/muliple/index.vue @@ -7,7 +7,7 @@ import * as echarts from "echarts"; import chartsStatistics from "./charts"; import { getDailyCumulativeMonth } from "@/api/event/perceiveEvent"; import request from '@/utils/request' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { name: "Muliple", @@ -33,8 +33,13 @@ export default { created() {}, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("chartsMuliple")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/perceivedEvents/warning/exportManyTimesInterval", filename: name, data:this.data, @@ -59,7 +64,7 @@ export default { } this.myChart.setOption(chartsStatistics); }) - + }, bindMock(){ getDailyCumulativeMonth().then((res) => { @@ -92,7 +97,7 @@ export default { } }, mounted() { - + }, }; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/pile/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/pile/index.vue index b8da7a48..9af0e644 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/pile/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/pile/index.vue @@ -7,7 +7,7 @@ import * as echarts from "echarts"; import chartOption from "./charts"; import { getSectionMarkNumber } from "@/api/event/perceiveEvent"; import request from '@/utils/request' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { @@ -26,14 +26,19 @@ export default { } }, data() { - return { + return { }; }, created() {}, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("chartPile")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/perceivedEvents/warning/exportSelectSection", filename: name, data:this.data, @@ -50,8 +55,8 @@ export default { data: data }).then(result=>{ if (result.code != 200) return this.$message.error(result.msg); - - + + // if(result.data.currentlyMap){ // chartsStatistics.series[0].data = result.data.currentlyMap.map(x=>x.number); // } @@ -79,7 +84,7 @@ export default { chartOption.series[1].data = values2; this.myChart.setOption(chartOption); }) - + }, bindMock(){ getSectionMarkNumber({ diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/railway/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/railway/index.vue index 9959f8b4..3b1b371b 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/railway/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/railway/index.vue @@ -8,7 +8,7 @@ import * as echarts from "echarts"; import chartsStatistics from "./charts"; import request from "@/utils/request"; -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; @@ -32,11 +32,16 @@ export default { created() { }, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("situationEchartBox")); + this.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/perceivedEvents/warning/exportSectionPerceivedList", filename: name, - data:{}, + data:{fileUrl:this.fileUrl}, }); }, bind() { diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/type/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/type/index.vue index 698b459d..2246df33 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/type/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/eventDetection/analysis/type/index.vue @@ -1,6 +1,6 @@ @@ -28,7 +28,7 @@ import chartsStatistics from "./charts"; import { getWarningTypeDay } from "@/api/event/perceiveEvent"; import request from '@/utils/request' import {WarnintType} from '@screen/utils/enum.js' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { name: "TypeAnalysis", @@ -54,8 +54,13 @@ export default { methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("ctypeAnalysis")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/perceivedEvents/warning/exportSelectWarningType", filename: name, data:this.data, @@ -86,7 +91,7 @@ export default { }); }); } - + this.dataList = _dataList; const list = this.dataList.reduce((acc, curr, index) => { diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/fee/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/fee/index.vue index 263ba1be..736c9a41 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/fee/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/fee/index.vue @@ -10,7 +10,7 @@ import * as echarts from "echarts"; import chartOptions from "./charts"; import request from '@/utils/request' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { name: "Flowstate", @@ -22,7 +22,7 @@ export default { data() { return {}; }, - + mounted() { this.$nextTick(()=>{ this.bind(); @@ -42,11 +42,16 @@ export default { }) }, export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("feeChart")); + let fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/business/traffic-statistics/history/exportTrafficFlowAtTollStationEntranceHour", filename: name, - data:{}, + data:{fileUrl:fileUrl}, }); }, async bind(){ @@ -79,7 +84,7 @@ export default { chartOptions.series[1].data = ckq chartOptions.series[2].data = rk.data.map(x=>x.value) chartOptions.series[3].data = rkq - + this.myChart.setOption(chartOptions); } }, @@ -95,11 +100,11 @@ export default { .flowstate { width: 100%; height: 100%; - + display: flex; justify-content: space-between; align-items: center; - + .tag1 { position: absolute; margin-top: -174px; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/flow/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/flow/index.vue index f650c688..18e79d83 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/flow/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/flow/index.vue @@ -6,7 +6,7 @@ import * as echarts from "echarts"; import chartsStatistics from "./charts"; import request from '@/utils/request' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { name: "AnaFlow", @@ -28,8 +28,13 @@ export default { created() {}, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("anaFlow")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/business/traffic-statistics/history/exportRealTimeTrafficFlow", filename: name, data: this.data, @@ -68,7 +73,7 @@ export default { this.myChart.setOption(chartsStatistics); echarts.getInstanceByDom(document.getElementById("anaFlow")).resize() }) - + }) } }, @@ -77,7 +82,7 @@ export default { // var myChart = echarts.init(document.getElementById("anaFlow")); // myChart.setOption(chartsStatistics); // }) - + // getSectionPerceivedNumber().then((res) => { // if (res.code == 200) { // this.dataList = res.data; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/real/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/real/index.vue index 582d8016..e2555bf2 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/real/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/real/index.vue @@ -10,7 +10,7 @@ import * as echarts from "echarts"; import chartOptions from "./charts"; import request from '@/utils/request' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { @@ -41,11 +41,16 @@ export default { }) }, export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("flowStateEchartBox")); + let fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/business/traffic-statistics/history/exportRealTimeTrafficFlowHour", filename: name, - data:{}, + data:{fileUrl:fileUrl}, }); }, async bind(){ @@ -68,7 +73,7 @@ export default { // chartOptions.series[1].data = jn2.data.map(x=>x.totalFlow) // chartOptions.series[2].data = hz.data.map(x=>x.totalFlow) // chartOptions.series[3].data = hz2.data.map(x=>x.totalFlow) - + request({ url: '/business/traffic-statistics/history/realTimeTrafficFlowHour', method: 'get' @@ -84,7 +89,7 @@ export default { this.myChart.setOption(chartOptions); }) - + } }, }; @@ -97,7 +102,7 @@ export default { display: flex; justify-content: space-between; align-items: center; - + .chartsFs { height: 100%; width: 100%; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/section/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/section/index.vue index c327d87b..766c0165 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/section/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/section/index.vue @@ -8,7 +8,7 @@ import * as echarts from "echarts"; import chartsOption from "./charts"; import request from '@/utils/request' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { name: "AnaSituation", @@ -30,8 +30,13 @@ export default { created() {}, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("anaSituation")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/business/traffic-statistics/history/exportSectionTrafficRanking", filename: name, data: this.data, @@ -58,13 +63,13 @@ export default { chartsOption.yAxis[0].data = res.data.map(x=>x.facilityName); chartsOption.series[0].data = res.data.map(x=>x.trafficVolume); - + this.myChart.setOption(chartsOption); }) } }, mounted() { - + }, }; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/timer/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/timer/index.vue index b2e947c9..4ec25c4c 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/timer/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficFlow/analysis/timer/index.vue @@ -6,7 +6,7 @@ import * as echarts from "echarts"; import chartOption from "./charts"; import request from '@/utils/request' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { name: "Timer", @@ -28,8 +28,13 @@ export default { created() {}, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("chartsTimer")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/business/traffic-statistics/history/exportTrafficPeriodAnalysis", filename: name, data: this.data, @@ -62,10 +67,10 @@ export default { }).then(resLastYear=>{ chartOption.series[0].data = res.data.map(x=>x.trafficVolume); chartOption.series[1].data = resLastYear.data.map(x=>x.trafficVolume); - + this.myChart.setOption(chartOption); }) - + }) } }, diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/analysis/section/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/analysis/section/index.vue index f3ebddba..03ad0b76 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/analysis/section/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/analysis/section/index.vue @@ -6,7 +6,7 @@ import * as echarts from "echarts"; import request from '@/utils/request' import chartOption from "./charts"; -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; const enum_group = [ {name: '殷家林枢纽', id: 1}, @@ -43,8 +43,13 @@ export default { created() { }, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("chtSection")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/business/traffic-statistics/history/exportSectionTrafficIndexAnalysis", filename: name, data: this.data, diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/analysis/timer/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/analysis/timer/index.vue index b944722a..cdecf6f5 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/analysis/timer/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/perception/trafficSituation/analysis/timer/index.vue @@ -6,7 +6,7 @@ import * as echarts from "echarts"; import chartOption from "./charts"; import request from '@/utils/request' -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { @@ -26,8 +26,13 @@ export default { created() {}, methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("divTimer")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: "/business/traffic-statistics/history/exportPassIndicatorTimeDistribution", filename: name, data: this.data, @@ -59,7 +64,7 @@ export default { }).then(resLastYear => { let perList = [] let _data = _.cloneDeep(res.data); - + let _dataYes = _.cloneDeep(resLastYear.data); let substr = 11; @@ -111,18 +116,18 @@ export default { chartOption.series[3].data = v3; chartOption.series[4].data = v4; chartOption.series[5].data = v5; - + this.myChart.setOption(chartOption); - + }) - + }) // this.myChart = echarts.init(document.getElementById("divTimer")); // this.myChart.setOption(options); } }, mounted() { - + }, }; diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/nucleusThrough/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/nucleusThrough/index.vue index 92d732cc..7bf9e050 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/nucleusThrough/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/nucleusThrough/index.vue @@ -5,7 +5,7 @@ - + - \ No newline at end of file diff --git a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/postTrendsMonth/index.vue b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/postTrendsMonth/index.vue index 72ecbf01..4fcd93f0 100644 --- a/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/postTrendsMonth/index.vue +++ b/ruoyi-ui/src/views/JiHeExpressway/pages/service/publicService/postTrendsMonth/index.vue @@ -7,7 +7,7 @@ import * as echarts from "echarts"; import chartsStatistics from "./charts"; import request from "@/utils/request"; import moment from "moment"; -import { exportFile } from "@screen/utils/common"; +import { exportImgFile,exportFile } from "@screen/utils/common"; export default { name: "postTrendsMonth", components: { @@ -27,8 +27,13 @@ export default { methods: { export(name){ - exportFile({ - method:'get', + this.myChart = echarts.init(document.getElementById("postTrendsMonth")); + this.data.fileUrl = this.myChart.getDataURL({ + type: 'png', // 可以选择 'png' 或 'jpeg' + backgroundColor: '#132d38' // 指定背景色，确保与图表一致 + }) + exportImgFile({ + method:'post', url: `/business/manage/exportMonthTrendsPublishManage`, filename: name, data:this.data, @@ -60,9 +65,9 @@ export default { for(let i = start; i <= end; i++){ _xAsix.push((i<10?'0'+i.toString():i.toString())+'日') } - + let sdata = [[],[],[]] - + _xAsix.forEach(x=>{ sdata.forEach(s=>{ s.push(0) @@ -76,20 +81,20 @@ export default { e.data = sdata[i] }); chartsStatistics.xAxis.data = _xAsix - + this.myChart.setOption(chartsStatistics); }) }, - + }, mounted() { - + }, };