-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
588 lines (546 loc) · 28 KB
/
index.html
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>湖北省微信使用状况报告</title>
<!-- CSS -->
<!--<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">-->
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body>
<div id="index-banner" class="parallax-container parallax-container1">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<!--<h1 class="header center white-text text-lighten-2">初三的小明沉迷于微信圈</h1>-->
<p> </p>
<!--<p> </p>-->
<div class="row center valign-wrapperr" style="bottom: 50%; ">
<div class="row center">
<div class="card darken-1" id="head_card">
<div class="card-content white-text" id="scroll">
<!--<ul>
<li>任何新闻,同时都是一种间接。报道什么,不报道什么,也反映了传播媒介的一定的世界观。 ——格伯纳</li>
<li>而模仿是最基本的社会现象。 ——塔尔德</li>
</ul>-->
<!--<script src="js/scroll.js" type="text/javascript" charset="utf-8"></script>-->
<!--<span class="card-title">
<h3 class="header center white-text text-lighten-2">媒介之痒</h3>
</span>-->
<p> </p> <p> </p>
<p>任何新闻都是一种见解。</p>
<p>报道什么,不报道什么,也反映了传播媒介的一定的世界观。</p>
<p style="text-indent:20em;">——格伯纳</p>
<p> </p>
<p> </p>
<p>而模仿是最基本的社会现象。</p>
<p style="text-indent:20em;">——塔尔德</p>
</div>
</div>
</div>
<!--<h6 class="header col s12 blue-text text-darken-2">
小明的故事 (初三的小明沉迷于微信圈,面对我们的采访,小明妈妈有些恨铁不成钢的说:你看看,怕影响他学习,一个游戏软件都不让他装,就留了个微信让他联系,没想到….脑洞哈哈)
互联网正深刻地影响和改变着当下中国社会,据CNNIC中国互联网络信息中心第41次《中国互联网络发展状况统计报告》显示,截至 2017 年 12 月,我国网民规模达 7.72 亿,普及率达到 55.8%,其中手机网民规模达 7.53 亿,占比达 97.5%,移动网络促进“万物互联”。 2012年8月,腾讯公司推出了微信公众平台,微信逐渐转变为通讯类社交公众平台。作为社交媒体,微信注重用户圈子的维系,用户在圈子当中可以相互交流和分享信息,更倾向于社会化关系网络。截止2017年12月,微信活跃用户已近10亿人,微信朋友圈用户使用率已达 87.3%,既是亚洲地区最大用户群体的移动即时通讯软件,也已成为4G时代最受欢迎的社交信息平台和移动端应用的一大入口。
</h6>-->
</div>
<div class="row center">
<a href="#main" id="download-button" class="btn-large waves-effect waves-light teal lighten-1" style="width: 150px;"><i class="large material-icons">thumb_up</i></a>
</div>
<p> </p>
<br><br>
</div>
</div>
<div class="parallax"><!--<img src="background1.jpg" alt="Unsplashed background img 1">-->
<video autoplay loop poster="blurrycrowd.jpg" class="responsive-video">
<source src="blurrycrowd.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="container" id="main">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<!-- <h4>互联网正深刻地影响和改变着当下中国社会</h4>-->
<h5>【七年】阵痛与长痒:网络环境中共生的用户与媒体</h5>
<br />
<p class="left-align light">
初三借读生小明有天接到老家的电话。
</p>
<p class="left-align light">
“喂?”
</p>
<p class="left-align light">
“啊,儿啊,是我,吃了吗?”
</p>
<p class="left-align light">
“没。”
</p>
<p class="left-align light">
“你在做什么?不会在玩手机吧?”
</p>
<p class="left-align light">
“我吗,我在看东西……用手机。”
</p>
<div class="responsive-img" style="width: 100%;">
<img src="img/manhua1.jpg" style="width: 100%;"/>
</div>
<p class="left-align light">
电话那头没有笑。沉默像手机软件右上角加粗描红的惊叹号。
</p>
<p class="left-align light">
小明只好继续说:“每次‘痛改前非’想去好好写作业,下一篇好玩的东西就划出来,心痒痒……”
</p>
<p class="left-align light">
他的小公寓在淡水河离了喧嚣的这岸。初夏太阳晚归,欲夕的时候从金色变成橘色。习惯性地给朋友圈的风景照“点赞”后,他把额头抵在玻璃窗上,他不知道怎么感觉太阳像颗饱满的蛋黄,快要被刺破了,即将整个地流淌出来,烧伤整个城市。
</p>
<p class="left-align light">
他怔怔地想着——原来又是饭点了。
</p>
<br />
<h5 class="left-align">■争夺用户,谁占据了潮头?</h5>
<p class="left-align"> ——基于注意力经济的互联网时代背景</p>
<br />
<p class="left-align light">
互联网正深刻地影响和改变着当下中国社会,据CNNIC中国互联网络信息中心第41次《中国互联网络发展状况统计报告》显示,截至 2017 年 12 月,我国网民规模达 7.72 亿,普及率达到 55.8%,其中手机网民规模达 7.53 亿,占比达 97.5%,移动网络促进“万物互联”。
</p>
<p class="left-align light">
“社交媒体已成为互联网媒体中最为流行的媒体类型之一,凭借用户基数大、信息传播快、互动功能强等特点,成为网上内容传播的重要力量。”
</p>
<p class="left-align">
在科技浪潮下风起云涌的各类媒介中,微信无疑占到了有利位置。
</p>
<!--<h5 class="left-align">赫伯特·西蒙在对当今经济发展趋势进行预测时曾指出:"随着信息的发展,有价值的不是信息,而是注意力。在科技浪潮下风起云涌的各类媒介中,微信无疑占到了有利位置。</h5>-->
<div class="responsive-img">
<img src="img/111.jpg" style="height: 100%; width: 80%;"/>
</div>
<p class="left-align light">
微信(We Chat)是腾讯公司在2011年推出的一个为智能终端提供即时通讯服务的免费应用程序,因其多语言、多系统、多网络环境的强大兼容性以及操作的便利性,一经推出就受到广大网友欢迎。2012年8月,腾讯公司推出了微信公众平台,微信逐渐转变为通讯类社交公众平台。作为社交媒体,微信注重用户圈子的维系,用户在圈子当中可以相互交流和分享信息,更倾向于社会化关系网络。截止2017年12月,微信活跃用户已近10亿人,微信朋友圈用户使用率已达 87.3%,既是亚洲地区最大用户群体的移动即时通讯软件,也已成为4G时代最受欢迎的社交信息平台和移动端应用的一大入口。
</p>
<div class="responsive-img">
<img src="img/444.jpg" style="height: 120%;width: 100%;"/>
</div>
<p class="left-align light">
近日,由人民日报海外网海外舆情中心与北京大学国家战略传播研究院联合发布的《2018海外华文新媒体影响力报告》中指出,随着移动互联网的发展,微博、微信作为华人华侨应用较多的中文平台,其中微信帐号开通率达到53%。
</p>
<p class="left-align">
在对我国各省微信使用情况的调研过程以及实际核查中,结合分析数据发现,湖北省的微信使用情况具有一定的代表性,相应的,湖北省媒介环境在全国具有一定程度的代表意义。
</p>
<br />
<!--<h5 class="left-align">湖北省微信使用情况在全国的占比</h5>-->
<br />
<p class="left-align light">
如何整合既有的新闻资源,抓好湖北省网络平台用户的媒介素养教育,是关系到整个湖北和谐、稳定、加快发展的一件大事。
</p>
<div class="responsive-img" style="height: 350px;">
<div id="container1" style="height: 100%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">
Even in the infinite broad space of digital market,people's attention still commonly focus on only a few points.——The Economist
</h5>
<!--<h5 class="header col s4 offset-s8">
————江泽民
</h5>-->
</div>
</div>
</div>
<div class="parallax"><img src="background2.jpg" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="container">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<br />
<h4 >时间快进的咒语:“刷刷刷”和“滑滑滑”</h4>
<br />
<p class="left-align light">
流量稀缺的当下,在热点来临时如何分配注意力,恐怕对流量主和普通用户而言,都是难以绕过的必修课。
</p>
<p class="left-align light">
众媒时代,平均每天有2000万个微信公众号生产着大量内容。
</p>
<p class="left-align light">
为了获取较高的点击关注度获取利益,标题党或内容低俗等文章不断涌出。
</p>
<p class="left-align light">
最近发生的相关新闻如:Ayawawa散布慰安妇不当言论被封禁、“小凤雅之死”事件更是凸显了对微信自媒体的整顿和管控迫在眉睫。
</p>
<div class="responsive-img">
<img src="img/333.jpg" style="height: 70%;width: 70%;"/>
</div>
<br />
<p class="left-align light">
与此同时,人们对相关法律法规知之甚少和自身媒介素养不足的情况更突显了这一事情的严重性。
</p>
<br />
<div class="responsive-img" style="height: 450px;">
<div id="container2" style="height: 100%;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">
网络话语体系杂烩中,主流价值观的回归与坚守,任重而道远。
</h5>
</div>
</div>
</div>
<div class="parallax"><img src="background3.jpg" alt="Unsplashed background img 3"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="container">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<br />
<h4>网络话语体系杂烩中,主流价值观的回归与坚守,任重而道远。</h4>
<br />
<p class="left-align light">
在对湖北省媒体的可信度和公信度调查的过程中,公众对媒体的信任程度保持着三分之二的比例,认为媒体形象“好”的占比高达92%,在庞大的用户信任度面前,主流媒体传播的任何内容都意味着极深远的影响力。
</p>
<br />
<div class="responsive-img" style="height: 360px;">
<div id="container3" style="height: 100%"></div>
</div>
<span id="" style="color: purple; font-size: 12px;">
戳圆饼图 有惊喜
</span>
<br />
<p class="left-align light">
数据显示,认为湖北省媒体报道可信度和公信力较好和很好的受访者占总体的73%,整体情况良好。性别上,很好、较好、一般和较差的选择者中性别比例与调查人群整体分布一致。年龄上,很好、较好和较差的选择者中最多的为41到60岁人群,一般的选择者中最多的为26到40岁人群。学历上,很好和较好的选择者中最多的为高中(含中专),一般和较差的选择者中最多的为本科以上,受过高等教育的人群对湖北省媒体报道可信度和公信力的态度还有待提升。职业上,很好和较好的选择者中最多的为离退休人员,一般和较差的选择者中最多的为机关干部(含党政、司法、人民团体、事业单位等)。
</p>
<br />
<br />
<div class="responsive-img" style="height: 360px;">
<div id="container4" style="height: 100%"></div>
</div>
<p class="left-align light">
受访者对我省新闻界治理有偿新闻、虚假新闻、低俗之风和不良广告等问题的感觉为: 数据显示,认为媒体负面信息减少的被访者有1699(92%),被访者对媒体负面信息治理工作的评价很好。性别上,很少出现、明显减少、稍微有所好转和没什么好转的选择者中性别比例与调查人群整体分布一致。年龄上,很少出现、明显减少、稍微有所好转的选择者中最多的为41到60岁人群,没什么好转的选择者中最多的为26到40岁人群,说明中老年人更认同近年来媒体在负面信息治理方面所做的工作。学历上,很少出现和明显减少的选择者中最多的为高中(含中专),稍微有所好转和没什么好转的选择者中最多的为本科以上,受过高等教育的人群对湖北省媒体治理负面信息工作的评价还有待提升。职业上,很少出现和明显减少的选择者中最多的为离退休人员,稍微有所好转和没什么好转的选择者中最多的为机关干部(含党政、司法、人民团体、事业单位等)。
</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">
党的新闻舆论工作是党的一项重要工作,是治国理政、定国安邦的大事,要适应国内外形势发展,从党的工作全局出发把握定位,坚持党的领导,坚持正确政治方向,坚持以人民为中心的工作导向,尊重新闻传播规律,创新方法手段,切实提高党的新闻舆论传播力、引导力、影响力、公信力。
</h5>
</div>
</div>
</div>
<div class="parallax"><img src="img/bg6.jpg" alt="Unsplashed background img 3"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="container">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<h4>虽阵痛,我们还在路上</h4>
<p class="left-align light">
值得庆幸的是,在主流价值观引领下,我们一直在走。
</p>
<p class="left-align light">
2016年2月19日,习近平在北京主持召开党的新闻舆论工作座谈会并发表重要讲话,他指出:“党的新闻舆论工作是党的一项重要工作,是治国理政、定国安邦的大事,要适应国内外形势发展,从党的工作全局出发把握定位,坚持党的领导,坚持正确政治方向,坚持以人民为中心的工作导向,尊重新闻传播规律,创新方法手段,切实提高党的新闻舆论传播力、引导力、影响力、公信力。”
</p>
<div class="responsive-img">
<img src="img/555.jpg" style="height: 120%; width: 100%;"/>
</div>
<p class="left-align light">
根据《微信经济社会影响力研究报告》(2017年)最新数据,自媒体生态圈目前面临“阅读量增长放缓,同质化严重”的痛心局。相关的整改不仅仅囿于微信朋友圈等这一新闻圈,编辑出版圈里 的相关书籍也全部下架。一系列举措彰显着我国政府整顿舆论生态环境的决心。在技术发展、媒介融合的新环境下,应当由主流媒体构建新媒体传播平台,使舆论引导的主客体双方实现真正的对话,改变传统舆论引导的单向性。通过这种对话,传统主流媒体可以从新媒体舆论中捕捉新闻,了解公众对特定公共事务的看法,根据舆论的实际情况主动设置议题,科学地引导社会主流舆论。
</p>
<div class="responsive-img">
<img src="img/666.gif" style="height: 100%; width: 100%;"/>
</div>
<p class="left-align light">
当使用手机内化为潜意识,一切手段归根结底是意志与生理本能的对抗,这是我们永恒的欲望之痒。
</p>
<p class="left-align light">
而塔尔德模仿说认为,模仿是从内心走向外表的。
</p>
<p class="left-align light">
我们阶段性的媒介选择欲望,带来媒体竞相模仿和追逐的阵痛。媒介素养的提升是积淀厚实的信息防线,把关人则是我们外部交流游刃的助力和理智导向。网络环境中共生的用户与媒体,流动着共通的爱与痛,责任与期待。
</p>
<p class="left-align light">
在这份报告快结束的时候,我们回访了小明,并了解了一下他的现状。
</p>
<p class="left-align light">
“之前觉得国家领导人制定的一些政策离自己特别远,” 小明妈妈不好意思的搓了搓手,“最近整改了不少问题媒体,反正我是很支持的。”
</p>
<p class="left-align light">
“那他现在不怎么玩微信了吗?”
</p>
<p class="left-align light">
“哪儿那么容易呢,”
</p>
<p class="left-align light">
“他还是不停的玩手机,看微信,但只要看的东西三观……正,大方向不偏就好。”
</p>
<p class="left-align light">
“不都得一点点来吗?”
</p>
<!--<div class="responsive-img" style="height: 350px;">
<div id="container5" style="height: 100%"></div>
</div> -->
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer teal">
<div class="container">
<div class="row">
<div class="col s12 ">
<h5 class="white-text">数据来源说明</h5>
<p class="grey-text text-lighten-4">
为了解湖北省微信使用状况,了解网络传媒特别是微信这种社交媒体在湖北省的接受与使用状况、对人们生活、工作有着怎样的影响,为省委省政府对互联网络、社交媒体管理决策提供参考,2018年1月到2018年5月,本组成员历时五个月,走访全省20多个市、县、乡(镇),访问近1000人,发放问卷700余份,回收有效问卷550份,在全省范围内进行了一次湖北省微信使用现状和特点专项调查。
</p>
</div>
<!--<div class="col l3 s12">
<h5 class="white-text">Settings</h5>
<ul>
<li><a class="white-text" href="#!">Link 1</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
<li><a class="white-text" href="#!">Link 4</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Connect</h5>
<ul>
<li><a class="white-text" href="#!">Link 1</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
<li><a class="white-text" href="#!">Link 4</a></li>
</ul>
</div>-->
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made by <a class="brown-text text-lighten-3" href="mailto:[email protected]">wensheng</a> In Hubei University.
</div>
</div>
</footer>
<!-- Scripts-->
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script src="js/echarts.common.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var dom = document.getElementById("container1");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
title : {
text: '湖北省社交媒体使用情况',
subtext: '受访人数541',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['微博','QQ','微信','贴吧']
},
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:25, name:'微博'},
{value:116, name:'QQ'},
{value:398, name:'微信'},
{value:2, name:'贴吧'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
<script type="text/javascript">
var dom = document.getElementById("container2");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
title : {
text: '您是否知道“微信十条”',
subtext: '受访人数541',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['知道','不知道','听说过但不了解']
},
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:42, name:'知道'},
{value:435, name:'不知道'},
{value:64, name:'听说过但不了解'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
<script type="text/javascript">
var dom = document.getElementById("container3");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
title : {
text: '受访者对湖北省媒体报道可信度和公信力的评价',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['很好','较好','一般','较差']
},
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:474, name:'很好'},
{value:875, name:'较好'},
{value:469, name:'一般'},
{value:35, name:'较差'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
<script type="text/javascript">
var dom = document.getElementById("container4");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
title : {
text: '受访者对负面信息治理工作的评价',
color: 'blue',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['很少出现','明显减少','稍微有所好转','没有什么好转']
},
series : [
{
name: '访问来源',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:468, name:'很少出现'},
{value:617, name:'明显减少'},
{value:614, name:'稍微有所好转'},
{value:154, name:'没有什么好转'}
],
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>