{"remainingRequest":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\LoanInterest.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\src\\views\\HomePage\\components\\LoanInterest.vue","mtime":1701943659893},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\ljzc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nimport PublicTitle from '@/components/PublicTitle/index'\r\nexport default {\r\n    name: 'LoanInterest', // 借款利息趋势\r\n    components: {PublicTitle},\r\n    data() {\r\n        return {}\r\n    },\r\n    created() {},\r\n    mounted() {\r\n        this.initChat()\r\n    },\r\n    methods: {\r\n        initChat() {\r\n            let chartDom = echarts.init(\r\n                document.getElementById('interest-chart')\r\n            )\r\n            let option = {\r\n                tooltip: {\r\n                    trigger: 'axis', // 设置触发类型为坐标轴轴线触发\r\n                },\r\n                grid: {\r\n                    top: '21%',\r\n                    bottom: '15%',\r\n                    left: '6%',\r\n                    right: '5%',\r\n                },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: [\r\n                        '1月',\r\n                        '2月',\r\n                        '3月',\r\n                        '4月',\r\n                        '5月',\r\n                        '6月',\r\n                        '7月',\r\n                        '8月',\r\n                        '9月',\r\n                        '10月',\r\n                        '11月',\r\n                        '12月',\r\n                    ],\r\n                    boundaryGap: false,\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                    axisLine: {\r\n                        show: true,\r\n                        lineStyle: {\r\n                            color: '#A1A9B2', // 浅灰色\r\n                        },\r\n                    },\r\n                },\r\n                yAxis: {\r\n                    type: 'value',\r\n                    name: '单位：万元',\r\n                    min: 0,\r\n                    max: 100,\r\n                    interval: 25,\r\n                    axisLine: {\r\n                        show: true,\r\n                        lineStyle: {\r\n                            color: '#A1A9B2', // 浅灰色\r\n                        },\r\n                    },\r\n                    splitLine: {\r\n                        show: false,\r\n                    },\r\n                },\r\n                series: [\r\n                    {\r\n                        data: [15, 34, 34, 23, 45, 23, 65, 44, 22, 16, 14, 55],\r\n                        type: 'line',\r\n                        smooth: true,\r\n                        // symbol: 'none', // 取消小圆点的显示\r\n                        showSymbol: false, // 取消小圆点的显示\r\n                        lineStyle: {\r\n                            color: '#00FFFF', // 设置线条的颜色为红色\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            chartDom.setOption(option)\r\n            window.addEventListener('resize', () => {\r\n                chartDom.resize()\r\n            })\r\n        },\r\n    },\r\n}\r\n",null]}