赣州市洪水风险预警系统三维版本
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
$(function () {
// change事件
    $('input[type=radio][name=value]').change(function () {
        if (this.value == 'list'){
            $('.evaluate-echarts').hide()
            $('.evaluate-box-top-left').css('visibility','visible')
            $('.evaluate-table-thead').show()
        }else {
            $('.evaluate-table-thead').hide()
            $('.evaluate-box-top-left').css('visibility','hidden')
 
            recharts_z()
            loadEcharts()
            $('.evaluate-echarts').show()
        }
    });
 
    function loadEcharts(){
        var echartsOption = {
            tooltip: {
                trigger: 'item'
            },
            legend: {
                top: '5%',
                left: 'center'
            },
            series: [
                {
                    type: 'pie',
                    radius: ['40%', '70%'],
                    avoidLabelOverlap: false,
                    itemStyle: {
                        borderRadius: 10,
                        borderColor: '#fff',
                        borderWidth: 0
                    },
                    label: {
                        show: true,
                        position: 'left'
                    },
                    emphasis: {
                        label: {
                            show: true,
                            fontSize: 20,
                            fontWeight: 'bold'
                        }
                    },
                    labelLine: {
                        show: false
                    },
                    data: [
                        { value: 1048, name: '会昌县' },
                        { value: 735, name: '石城县' },
                        { value: 580, name: '宁都县' },
                    ]
                }
            ]
        }
 
 
 
        var chartDom = document.getElementById('evaluate-echarts');
        var myChart = echarts.init(chartDom);
        echartsOption&&myChart.setOption(echartsOption,true);
    }
 
    function recharts_z() {
        console.log($(window).width(),$(window).height(),"777")
        var width = $(window).width() * 0.8;
        var height = ($(window).height() - 50) - 80;
        $('#evaluate-echarts').empty();
        $('#evaluate-echarts').removeAttr("_echarts_instance_").empty();
        var chartPie = document.getElementById('evaluate-echarts');
        var myChartPie = echarts.init(chartPie);
        var resize = {
            width: width,
            height: height
        }
        myChartPie.resize(resize);
    }
});