$(function(){
    

    /* 收入类合同金额往年趋势*/
    var changedetail = echarts.init(document.getElementById('changedetail'));
    option = {
        tooltip: {
            trigger: 'axis',
            formatter: '{b}年收入类合同金额</br> {c}万元'
        },
        toolbox: {
            show:false,
            feature: {
                dataView: {show: true, readOnly: false},
                magicType: {show: true, type: ['line', 'bar']},
                restore: {show: true},
                saveAsImage: {show: true}
            }
        },
        // legend: {
        //     data:['收入类合同金额'],
        //     right:"15%",
        //     top: "5%",
        //     textStyle:{
        //         color:'#333'
        //     }
        // },
        grid:{
            top:'18%',
            right:'5%',
            bottom:'8%',
            left:'5%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ['2018','2019','2020','2021','2022','2023','2024'],
                splitLine:{
                    show:false,
                    lineStyle:{
                        color: '#e6e6e6',

                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    lineStyle:{
                        color: '#519cff'
                    },
                    alignWithLabel: true,
                    interval:0
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '',
                nameTextStyle:{
                    color:'#333'
                },
                interval: 2000,
                max:8000,
                min: 0,
                splitLine:{
                    show:true,
                    lineStyle:{
                        color: '#23303f'
                    }
                },
                axisLine: {
                    show:false,
                    lineStyle: {
                        color: '#115372'
                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    alignWithLabel: true,
                    interval:0

                }
            },
            {
                min: 0,
                max: 8000,
                interval: 2000,
                type: 'value',
                name: '',
                nameTextStyle:{
                    color:'#333'
                },
                splitLine:{
                    show:true,
                    lineStyle:{
                        color: '#e6e6e6'
                    }
                },
                axisLine: {
                    show:false,
                    lineStyle: {
                        color: '#115372'
                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    alignWithLabel: true,
                    interval:0

                }
            }
        ],
        color:"#2759cd",
        series: [
            
            {
                name:'收入类合同金额',
                type:'line',
                yAxisIndex: 1,
                lineStyle: {
                    normal: {
                        color:'#2759cd'
                    }
                },
                data:[3000, 5000, 4638.5495, 4100, 5500, 4600, 3800]
            }
        ]
    };
    changedetail.setOption(option);

    /* 支出类合同金额往年趋势*/
    var changedetail = echarts.init(document.getElementById('changedetail2'));
    option = {
        tooltip: {
            trigger: 'axis',
            formatter: '{b}年支出类合同金额</br> {c}万元'
        },
        toolbox: {
            show:false,
            feature: {
                dataView: {show: true, readOnly: false},
                magicType: {show: true, type: ['line', 'bar']},
                restore: {show: true},
                saveAsImage: {show: true}
            }
        },
        // legend: {
        //     data:['支出类合同金额'],
        //     right:"15%",
        //     top: "5%",
        //     textStyle:{
        //         color:'#333'
        //     }
        // },
        grid:{
            top:'18%',
            right:'5%',
            bottom:'8%',
            left:'5%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ['2018','2019','2020','2021','2022','2023','2024'],
                splitLine:{
                    show:false,
                    lineStyle:{
                        color: '#e6e6e6',

                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    lineStyle:{
                        color: '#519cff'
                    },
                    alignWithLabel: true,
                    interval:0
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '',
                nameTextStyle:{
                    color:'#333'
                },
                interval: 2000,
                max:8000,
                min: 0,
                splitLine:{
                    show:true,
                    lineStyle:{
                        color: '#23303f'
                    }
                },
                axisLine: {
                    show:false,
                    lineStyle: {
                        color: '#115372'
                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    alignWithLabel: true,
                    interval:0

                }
            },
            {
                min: 0,
                max: 8000,
                interval: 2000,
                type: 'value',
                name: '',
                nameTextStyle:{
                    color:'#333'
                },
                splitLine:{
                    show:true,
                    lineStyle:{
                        color: '#e6e6e6'
                    }
                },
                axisLine: {
                    show:false,
                    lineStyle: {
                        color: '#115372'
                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    alignWithLabel: true,
                    interval:0

                }
            }
        ],
        color:"#2759cd",
        series: [
            
            {
                name:'支出类合同金额',
                type:'line',
                yAxisIndex: 1,
                lineStyle: {
                    normal: {
                        color:'#2759cd'
                    }
                },
                data:[3000, 5000, 4638.5495, 4100, 5500, 4600, 3800]
            }
        ]
    };
    changedetail.setOption(option);

    /* 项目数量往年趋势*/
    var changedetail = echarts.init(document.getElementById('changedetail3'));
    option = {
        tooltip: {
            trigger: 'axis',
            formatter: '{b}年项目数量</br> {c}个'
        },
        toolbox: {
            show:false,
            feature: {
                dataView: {show: true, readOnly: false},
                magicType: {show: true, type: ['line', 'bar']},
                restore: {show: true},
                saveAsImage: {show: true}
            }
        },
        // legend: {
        //     data:['项目数量'],
        //     right:"15%",
        //     top: "5%",
        //     textStyle:{
        //         color:'#333'
        //     }
        // },
        grid:{
            top:'18%',
            right:'5%',
            bottom:'8%',
            left:'5%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                data: ['2018','2019','2020','2021','2022','2023','2024'],
                splitLine:{
                    show:false,
                    lineStyle:{
                        color: '#e6e6e6',

                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    lineStyle:{
                        color: '#519cff'
                    },
                    alignWithLabel: true,
                    interval:0
                }
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: '',
                nameTextStyle:{
                    color:'#333'
                },
                interval: 200,
                max:1000,
                min: 0,
                splitLine:{
                    show:true,
                    lineStyle:{
                        color: '#23303f'
                    }
                },
                axisLine: {
                    show:false,
                    lineStyle: {
                        color: '#115372'
                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    alignWithLabel: true,
                    interval:0

                }
            },
            {
                min: 0,
                max: 1000,
                interval: 200,
                type: 'value',
                name: '',
                nameTextStyle:{
                    color:'#333'
                },
                splitLine:{
                    show:true,
                    lineStyle:{
                        color: '#e6e6e6'
                    }
                },
                axisLine: {
                    show:false,
                    lineStyle: {
                        color: '#115372'
                    }
                },
                axisTick: {
                    show: false
                },
                axisLabel:{
                    textStyle:{
                        color:"#64667b",
                        fontSize: 18
                    },
                    alignWithLabel: true,
                    interval:0

                }
            }
        ],
        color:"#2759cd",
        series: [
            
            {
                name:'项目数量',
                type:'line',
                yAxisIndex: 1,
                lineStyle: {
                    normal: {
                        color:'#2759cd'
                    }
                },
                data:[80, 155, 463, 410, 500, 600, 700]
            }
        ]
    };
    changedetail.setOption(option);
    
})