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);
| }
| });
|
|