src/page/fundData/incomePayPosition.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
    <div class="fillcontain">
        <div class="fillcontainer" ref="fillcontainer">
           <div id="incomePayPosition" class="echartsPosition"></div> 
        </div>
    </div>
</template>

<script>
    import echarts from 'echarts';

    export default {
        data() {
            return {
                chart: null
            };
        },
        mounted() {
            this.setInit();
            // 保证页面在放大或缩小时，也能够动态的显示数据
            window.onresize = () => {
                this.setInit();
            }
        },
        beforeDestroy() {
            if (!this.chart) {
                return
            }
            this.chart.dispose();
            this.chart = null;
        },
        methods: {
            setInit(){
                this.$nextTick(() => {
                    this.$refs.fillcontainer.style.height = (document.body.clientHeight - 160)+'px'
                    this.initChart();
                    this.chart = null;
                });
            },
            initChart() {
                this.chart = echarts.init(document.getElementById('incomePayPosition'));
                const data = {};
                (function() {
                    const xAxisData = [];
                    const seriesIncome = [];
                    const seriesPay = [];
                    const seriesaverage = [];
                    for (let i = 1; i < 13; i++) {
                        xAxisData.push(i + '月份');
                    }
                    data['xAxisData'] = xAxisData;

                    for (let i = 1; i < 13; i++) {
                       seriesIncome.push(Math.round(Math.random()*10000));
                       seriesPay.push(Math.round(Math.random()*10000));
                       seriesaverage.push(Math.round(Math.random()*10000));
                    }
                     data['seriesIncome'] = seriesIncome;
                     data['seriesPay'] = seriesPay;
                     data['seriesaverage'] = seriesaverage;