-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathindex.html
1340 lines (1327 loc) · 59.4 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
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="86266" style="border: 0px none;">
<section style="text-align:center;letter-spacing:2px;font-size:18px">
<strong>八张图带你看清当代人们的阅读习惯和偏好</strong>
</section>
<p style="text-align: center;">
<img src="http://mpt.135editor.com/mmbiz/yqVAqoZvDibEmUmjw1g1ln7tK24z5BNE2zPOdcP7L8fSb1Gib86QD302AjpzM3taqlCib3icuScdPzP6GOTjf5eWeA/0?wx_fmt=png"/>
</p>
<section style="text-align:center;letter-spacing:2px;font-size:12px;" class="135brush" data-brushtype="text">
BY 周旦烨 胡雪菲 罗昊
</section>
</section>
<p>
<br/>
</p>
<section class="_135editor" style="border: 0px none;">
<section style="padding: 10px;">
<section style="width: 100%;display: flex;display: -webkit-flex" data-width="100%">
<section style="width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: transparent rgb(254, 254, 254) transparent transparent; border-image: initial; margin-top: -10px; margin-right: -9px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);"></section>
<section style="width:15px;
background:#FFF;background-color: rgb(250, 250, 250);background-image: -webkit-linear-gradient(-45deg, rgb(117, 117, 117) 25%, transparent 25%, transparent 50%, rgb(117, 117,117) 50%, rgb(117, 117, 117) 75%, transparent 75%, transparent);background-size: 4px 4px; "></section>
<section style="width: 98%; border-top: 1px solid rgb(51, 51, 51); border-right: 1px solid rgb(51, 51, 51); border-bottom: 1px solid rgb(51, 51, 51); border-image: initial; border-left: none; padding: 10px; line-height: 30px;" class="135brush" data-width="98%">
<p>
<span style="font-size: 14px;">近年来，随着移动互联网的普及，图书类app的大量出现，IP的大量改编，人们进入了一个全新的阅读时代。这是一个<strong>全民阅读</strong>的时代，在这个时代里，人们似乎习惯了利用<strong>手机</strong>在闲暇时间进行碎片化阅读，内容也由需要花费大量时间的读物转向轻松浅显的<strong>网络文学</strong>。</span>
</p>
<p>
<br/>
</p>
<p>
<span style="font-size: 14px;"> 今天，我们就将带领大家，分别从人们<strong>阅读形式和阅读内容</strong>的变化，正确地看待当下全民阅读时代大众的<strong>阅读习惯和偏好</strong>。</span>
</p>
</section>
</section>
<p>
<br/>
</p>
</section>
</section>
<section class="_135editor" data-tools="135编辑器" data-id="89558" style="border: 0px none;">
<section style="text-align:center;">
<section style="display:inline-block;width:210px;">
<img data-id="89558" data-role="guide-img" style="max-width: 100%; width: 210px; display: inline;" title="树自行车分割线" src="http://mpt.135editor.com/mmbiz_png/fgnkxfGnnkTHSWEib5nFy0OtxsFq9K2FgqrNuRrkxA5Wk4wEnC8VF0tRrcBtBFcrcwiawiatNh9er4XzjXlZvTcaw/0?wx_fmt=png"/>
</section>
</section>
</section>
<section class="_135editor" data-tools="135编辑器" data-id="89558" style="border: 0px none;">
<p style="text-align:center;">
<br/>
</p>
<p>
<br/>
</p>
</section>
<section class="_135editor" data-tools="135编辑器" data-id="90632" style="border: 0px none;">
<section style="padding: 10px;">
<section style="display:flex; display:-webkit-flex; justify-content:center; -webkit-justify-content:center;">
<section style=" width:14.4px;">
<img style="width:100%; display:block;" src="http://mpt.135editor.com/mmbiz_png/fgnkxfGnnkTWr4EWx931apWl0AMhKjOmHaOKqKlpqPPrrZUMD2twrOf3AEiazctUmOFP55YPqaQ2OOo94d1Z1Ag/0?wx_fmt=png" data-width="100%"/>
</section>
<section style="padding-right: 15px; padding-left: 15px; border-bottom: 1px solid rgb(153, 153, 153); border-top: 1px solid rgb(153, 153, 153); height: 35px; line-height: 35px;" class="135brush" data-brushtype="text">
<strong>阅读习惯：离不开手机的我和我们</strong>
</section>
<section style=" width:14.4px;">
<img style="width:100%; display:block;" src="http://mpt.135editor.com/mmbiz_png/fgnkxfGnnkTWr4EWx931apWl0AMhKjOmN2VGodg2XD59JibsYGWSTsujrgdxGne9fcuDiayy3R2AvX1rZJLKLZcw/0?wx_fmt=png" data-width="100%"/>
</section>
</section>
</section>
</section>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="86548" style="border: 0px none;">
<section class="layout" style="width:30px;display:inline-block;vertical-align:top;">
<section style="width: 30px; height: 90px; margin-left: 4px; text-align: center; padding-top: 10px; padding-bottom: 10px; color: rgb(254, 254, 254); background-color: rgb(33, 33, 34);">
<p style="line-height:1em;">
<span style="font-size: 26px;" class="autonum" data-original-title="" title="">1</span>
</p>
<p style="line-height:1em;">
<span style="color: #F5F5F5; font-size: 10px;">one</span>
</p>
</section>
</section>
<section class="layout" style="width:85%;display:inline-block;" data-width="85%">
<section style="display: inline-block; color: inherit;">
<section class="135brush" data-brushtype="text" style="margin-top: 0.2em; padding-right: 0.5em; padding-bottom: 5px; padding-left: 0.5em; max-width: 100%; color: rgb(33, 33, 34); font-size: 30px; line-height: 1; border-bottom: 1px solid rgb(33, 33, 34); border-top-color: rgb(33, 33, 34); border-right-color: rgb(33, 33, 34); border-left-color: rgb(33, 33, 34);">
<span style="color: #366092;"><strong><span style="font-size: 18px;">数字阅读率vs纸质阅读率</span></strong></span>
</section>
<section class="135brush" data-brushtype="text" style="margin: 5px 1em; font-size: 13px; line-height: 1; color: rgb(33, 33, 34); border-color: rgb(33, 33, 34);">
<br/>
</section>
</section>
</section>
</section>
<p>
<br/>
</p>
<p>
<br/>
</p>
<h3 style="font-family: "Microsoft YaHei"; white-space: normal; text-align: center;">
<strong><span style="background-color: #366092; color: #FFFFFF;">数字阅读和纸质阅读基本情况的对比</span></strong>
</h3>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-family: "Microsoft YaHei\""; font-size: 14px;">中国产业信息网数据显示，2010年-2016年间，数字阅读率与纸质阅读率<strong>均有所上涨</strong>。</span>
</p>
<p>
<br/>
</p>
<p>
<span style="font-size: 14px;"><span style="font-family: "Microsoft YaHei\""; font-size: 14px;"> 其中，从2012年起，数字阅读率开始显著上升，数字阅读接触率于2015年超过图书阅读率。而<strong>手机阅读在数字阅读中始终占大多数，并且随着时间推移占有越来越重要的地位。</strong></span><br style="font-family: "Microsoft YaHei\""; font-size: medium; white-space: normal;"/><span style="font-family: "Microsoft YaHei\""; font-size: 14px;"><br/></span></span>
</p>
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 80%; margin: 0">
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
title: {
text: ''
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['图书阅读率(%)','数字化阅读接触率(%)','手机阅读率(%)']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2010','2011','2012','2013','2014','2015','2016']
},
yAxis: {
type: 'value'
},
series: [
{
name:'图书阅读率(%)',
type:'line',
stack: '总量',
data:[52.3, 53.9, 54.9, 57.8, 58.0, 58.4, 58.8]
},
{
name:'数字化阅读接触率(%)',
type:'line',
stack: '总量',
data:[32.8, 38.6, 40.3, 50.1, 58.1, 64.0, 68.2]
},
{
name:'手机阅读率(%)',
type:'line',
stack: '总量',
data:[23.0, 27.6, 32.2, 41.9, 51.9, 60.0, 66.1]
}
]
};
;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="86548" style="border: 0px none;">
<section class="layout" style="width:30px;display:inline-block;vertical-align:top;">
<section style="width: 30px; height: 90px; margin-left: 4px; text-align: center; padding-top: 10px; padding-bottom: 10px; background-color: rgb(33, 33, 34);">
<p style="color: rgb(254, 254, 254); line-height: 1em;">
<span style="font-size: 26px;" class="autonum" data-original-title="" title="">2</span>
</p>
<p style="line-height: 1em;">
<span style=";color:#f5f5f5;font-size: 10px;">two</span>
</p>
</section>
</section>
<section class="layout" style="width:85%;display:inline-block;" data-width="85%">
<section style="display: inline-block; color: inherit;">
<section class="135brush" data-brushtype="text" style="margin-top: 0.2em; padding-right: 0.5em; padding-bottom: 5px; padding-left: 0.5em; max-width: 100%; color: rgb(33, 33, 34); font-size: 30px; line-height: 1; border-bottom: 1px solid rgb(33, 33, 34); border-top-color: rgb(33, 33, 34); border-right-color: rgb(33, 33, 34); border-left-color: rgb(33, 33, 34);">
<span style="color: #366092;"><strong><span style="font-size: 18px;">数字阅读——你用什么app阅读？</span></strong></span>
</section>
<section class="135brush" data-brushtype="text" style="margin: 5px 1em; font-size: 13px; line-height: 1; color: rgb(33, 33, 34); border-color: rgb(33, 33, 34);">
<br/>
</section>
</section>
</section>
</section>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p style="text-align: center;">
<span style="background-color: #366092; color: #FFFFFF;"><strong>Apple App Store 各类图书类App排行榜top50上榜数</strong></span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-family: 微软雅黑; caret-color: red;"> </span><span style="font-size: 14px;"><span style="font-family: 微软雅黑; caret-color: red;"> 截至2018年2月11日，在Apple App Store 各类图书类App排行榜top50 中，</span><strong><span style="font-family: 微软雅黑; caret-color: red;">看书类App</span></strong><span style="font-family: 微软雅黑; caret-color: red;">共有36个，占总数的72%，排在第二位的是漫画类App，共有八个，占总数的16%，听书类App共有3个，占总数的6%。</span><br/></span>
</p>
<p>
<br/>
</p>
<p>
<span style="font-family: 微软雅黑; font-size: 14px;"> 随着<strong>生活节奏的加快和人们阅读习惯的变化</strong>，图书类App的种类也呈现<strong>多样化</strong>，而漫画类App的大量出现也正印证着快消时代的到来和阅读的肤浅化。</span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 80%; margin: 0">
<div id="container1" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container1");
var myChart = echarts.init(dom);
var app = {};
option = {
title : {
text: 'Apple App Store 各类图书类App排行榜top50上榜数',
subtext: '截至2018年2月11日',
x:'center'
},
tooltip : {
trigger: 'item',
formatter: "{a} <br/>{b} : {c} ({d}%)"
},
legend: {
orient: 'vertical',
left: 'left',
data: ['看书类App','漫画类App','听书类App','其他']
},
series : [
{
name: '各类App top50上榜数',
type: 'pie',
radius : '55%',
center: ['50%', '60%'],
data:[
{value:36, name:'看书类App'},
{value:8, name:'漫画类App'},
{value:3, name:'听书类App'},
{value:3, 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>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="86548" style="border: 0px none;">
<section class="layout" style="width:30px;display:inline-block;vertical-align:top;">
<section style="width: 30px; height: 90px; margin-left: 4px; text-align: center; padding-top: 10px; padding-bottom: 10px; background-color: rgb(33, 33, 34);">
<p style="color: rgb(254, 254, 254); line-height: 1em;">
<span style="font-size: 26px;">3</span>
</p>
<p style="line-height: 1em;">
<span style=";color:#f5f5f5;font-size: 10px;">three</span>
</p>
</section>
</section>
<section class="layout" style="width:85%;display:inline-block;" data-width="85%">
<section style="display: inline-block; color: inherit;">
<section class="135brush" data-brushtype="text" style="margin-top: 0.2em; padding-right: 0.5em; padding-bottom: 5px; padding-left: 0.5em; max-width: 100%; color: rgb(33, 33, 34); font-size: 30px; line-height: 1; border-bottom: 1px solid rgb(33, 33, 34); border-top-color: rgb(33, 33, 34); border-right-color: rgb(33, 33, 34); border-left-color: rgb(33, 33, 34);">
<span style="color: #366092;"><strong><span style="font-size: 18px;">纸质阅读——公共图书馆怎么样了？</span></strong></span>
</section>
<section class="135brush" data-brushtype="text" style="margin: 5px 1em; font-size: 13px; line-height: 1; color: rgb(33, 33, 34); border-color: rgb(33, 33, 34);">
<br/>
</section>
</section>
</section>
</section>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="89434" style="border: 0px none;">
<section style="text-align:center;">
<section style="width:2.5em;height:3em;color:#fff;font-size:1em;line-height:3em;display:inline-block;text-align:center;background-image:url(http://rdn.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9naWYvZmdua3hmR25ua1RNTnRHeTdLV2ZDcmRKaWJBWVk2SHRJVU03anV5NVV3WlRxeXduSXRKd2ptZ09BbmxIUDVqMm40aWNzSDNxaG9GQ05tdzV5QVBJc28wUS8wP3d4X2ZtdD1naWY=);background-repeat:no-repeat;background-size:100%;background-position:0">
<p class="autonum" style="margin:0" data-original-title="" title="" aria-describedby="tooltip101318">
1
</p>
</section>
</section>
</section>
<p>
<br/>
</p>
<p style="text-align: center;">
<span style="color: #FFFFFF; background-color: #366092;"><strong>公共图书馆机构数</strong></span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-family: 微软雅黑; font-size: 14px;">2012年，我国共有公共图书馆机构数3076个，公共图书馆机构数虽逐年增加，但增长极为缓慢，至2016年机构数为3153个，<strong>年增长率仅为0.5%</strong>左右。</span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container2" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container2");
var myChart = echarts.init(dom);
var app = {};
option = null;
app.title = '坐标轴刻度与标签对齐';
option = {
color: ['#3398DB'],
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'category',
data : ['2012', '2013', '2014', '2015', '2016'],
axisTick: {
alignWithLabel: true
}
}
],
yAxis : [
{
type : 'value'
}
],
series : [
{
name:'公共图书馆业机构数',
type:'bar',
barWidth: '60%',
data:[3076, 3112, 3117, 3139, 3153]
}
]
};
;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="89434" style="border: 0px none;">
<section style="text-align:center;">
<section style="width:2.5em;height:3em;color:#fff;font-size:1em;line-height:3em;display:inline-block;text-align:center;background-image:url(http://rdn.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9naWYvZmdua3hmR25ua1RNTnRHeTdLV2ZDcmRKaWJBWVk2SHRJVU03anV5NVV3WlRxeXduSXRKd2ptZ09BbmxIUDVqMm40aWNzSDNxaG9GQ05tdzV5QVBJc28wUS8wP3d4X2ZtdD1naWY=);background-repeat:no-repeat;background-size:100%;background-position:0">
<p class="autonum" style="margin:0" data-original-title="" title="" aria-describedby="tooltip692259">
2
</p>
</section>
</section>
</section>
<p style="text-align: center;">
<br/>
</p>
<p style="text-align: center;">
<span style="color: #FFFFFF; background-color: #366092;"><strong>公共文献外借情况</strong></span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-size: 16px; font-family: 微软雅黑;"> <span style="font-family: 微软雅黑; font-size: 14px;">2012年至2016年，公共图书馆总藏量增加了11311本，增长率为14.34%。公共图书馆图书流通人次增长较快，增长率达到52%；书刊文献外借人次相对增长较慢，增长率约为43%。</span></span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container3" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container3");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
tooltip: {
trigger: 'axis'
},
legend: {
data:['公共图书馆总藏量（万册）','公共图书馆图书流通人次(万人次)','公共图书馆书刊文献外借人次(万人次)','公共图书馆累计发放有效借书证数(万个)']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['2012','2013','2014','2015','2016']
},
yAxis: {
type: 'value'
},
series: [
{
name:'公共图书馆总藏量（万册）',
type:'line',
data:[78852, 74896, 79092, 83844, 90163]
},
{
name:'公共图书馆图书流通人次(万人次)',
type:'line',
data:[43437, 49232, 53036, 58892, 66037]
},
{
name:'公共图书馆书刊文献外借人次(万人次)',
type:'line',
data:[17402, 20552, 22737, 23085, 24892]
},
{
name:'公共图书馆累计发放有效借书证数(万个)',
type:'line',
data:[2485, 2877, 3944, 5721, 5593]
},
]
};
;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="89434" style="border: 0px none;">
<section style="text-align:center;">
<section style="width:2.5em;height:3em;color:#fff;font-size:1em;line-height:3em;display:inline-block;text-align:center;background-image:url(http://rdn.135editor.com/cache/remote/aHR0cHM6Ly9tbWJpei5xbG9nby5jbi9tbWJpel9naWYvZmdua3hmR25ua1RNTnRHeTdLV2ZDcmRKaWJBWVk2SHRJVU03anV5NVV3WlRxeXduSXRKd2ptZ09BbmxIUDVqMm40aWNzSDNxaG9GQ05tdzV5QVBJc28wUS8wP3d4X2ZtdD1naWY=);background-repeat:no-repeat;background-size:100%;background-position:0">
<p class="autonum" style="margin:0" data-original-title="" title="" aria-describedby="tooltip145734">
3
</p>
</section>
</section>
</section>
<section data-role="paragraph" class="_135editor" style="border: 0px none;">
<p>
<br/>
</p>
</section>
<p style="text-align: center;">
<br/>
</p>
<p style="text-align: center;">
<span style="color: #FFFFFF; background-color: #366092;"><strong>公共文献人均借阅次数</strong></span>
</p>
<p>
<span style="caret-color: red; font-family: 微软雅黑; font-size: 14px;"><br/></span>
</p>
<p>
<span style="caret-color: red; font-family: 微软雅黑; font-size: 14px;"><br/></span>
</p>
<p>
<span style="caret-color: red; font-family: 微软雅黑; font-size: 14px;"> 根据公共图书馆图书流通人次与累计发放有效借书证数，可以发现2012年至2015年，公共图书馆人均借阅次数下降较为明显，</span><strong style="caret-color: red; font-family: 微软雅黑; font-size: 14px;">虽然2016年有所回升，但仍不容乐观</strong><span style="caret-color: red; font-family: 微软雅黑; font-size: 14px;">。</span><br/>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-family: 微软雅黑; font-size: 14px;"> </span>
</p>
<p>
<br/>
</p>
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container9" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container9");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
title: {
text: '2012-2016公共图书馆人均借阅次数'
},
xAxis: {
type: 'category',
data: ['2012', '2013', '2014', '2015', '2016']
},
yAxis: {
type: 'value'
},
series: [{
data: [17.48, 17.11, 13.45, 10.29, 11.81],
type: 'line'
}]
};
;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-family: 微软雅黑; font-size: 14px;"> 由上面几张图可以看出，近年公共图书馆事业发展较慢，这也从一个侧面反映出人们对于<strong>传统阅读形式的热情下降</strong>。</span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="90632" style="border: 0px none;">
<section style="padding:10px 10px;">
<section style="display:flex; display:-webkit-flex; justify-content:center; -webkit-justify-content:center;">
<section style=" width:14.4px;">
<img style="width:100%; display:block;" src="http://mpt.135editor.com/mmbiz_png/fgnkxfGnnkTWr4EWx931apWl0AMhKjOmHaOKqKlpqPPrrZUMD2twrOf3AEiazctUmOFP55YPqaQ2OOo94d1Z1Ag/0?wx_fmt=png" data-width="100%"/>
</section>
<section style="padding:0px 15px; border-bottom:solid 1px #999; border-top:solid 1px #999; height:35px; line-height:35px;" class="135brush" data-brushtype="text">
<strong>阅读形式：网络文学是潮流 阅读经典不可丢</strong>
</section>
<section style=" width:14.4px;">
<img style="width:100%; display:block;" src="http://mpt.135editor.com/mmbiz_png/fgnkxfGnnkTWr4EWx931apWl0AMhKjOmN2VGodg2XD59JibsYGWSTsujrgdxGne9fcuDiayy3R2AvX1rZJLKLZcw/0?wx_fmt=png" data-width="100%"/>
</section>
</section>
</section>
</section>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="86548" style="border: 0px none;">
<section class="layout" style="width:30px;display:inline-block;vertical-align:top;">
<section style="width: 30px; height:90px; margin-left: 4px; text-align: center;padding: 10px 0px; color: rgb(254, 254, 254); background-color: rgb(33, 33, 34);">
<p style="line-height:1em;">
<span style="font-size: 26px;" class="autonum" data-original-title="" title="" aria-describedby="tooltip146473">1</span>
</p>
<p style="line-height:1em;">
<span style="color: #F5F5F5; font-size: 10px;">one</span>
</p>
</section>
</section>
<section class="layout" style="width:85%;display:inline-block;" data-width="85%">
<section style="display: inline-block; box-sizing: border-box; color: inherit;">
<section class="135brush" data-brushtype="text" style="margin: 0.2em 0px 0px; padding: 0px 0.5em 5px; max-width: 100%; color: rgb(33, 33, 34); font-size:30px; line-height: 1; border-bottom-width: 1px; border-bottom-style: solid; border-color: rgb(33, 33, 34);font-weight:100;">
<strong><span style="font-size: 18px; color: #366092;">豆瓣评分——人们的阅读审美变了吗？</span></strong>
</section>
<section class="135brush" data-brushtype="text" style="margin: 5px 1em; font-size: 13px; line-height: 1; color: rgb(33, 33, 34); box-sizing: border-box; border-color: rgb(33, 33, 34);">
<br/>
</section>
</section>
</section>
</section>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p style="text-align: center;">
<span style="color: #FFFFFF;"><strong><span style="font-size: 16px; font-family: 微软雅黑; background-color: #366092;">豆瓣最受欢迎中国文学top100具体类型及其平均评分</span></strong></span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-size: 16px; font-family: 微软雅黑;"> <span style="font-family: 微软雅黑; font-size: 14px;">在豆瓣最受欢迎的前一百本中国文学作品中，<strong>青春文学作品占据了半壁江山</strong>，但其平均评分为所有类型作品中最低，为7.61分，与传统文学作品平均评分相差超过一分。</span></span>
</p>
<p>
<br/>
</p>
<p>
<span style="font-family: 微软雅黑; font-size: 14px;"> 我们从中可以看出，<span style="font-family: 微软雅黑; white-space: pre-wrap; font-size: 14px;"></span><strong style="font-family: 微软雅黑; white-space: pre-wrap;">青春文学虽受欢迎，但作品质量偏低。</strong></span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 80%; margin: 0">
<div id="container4" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container4");
var myChart = echarts.init(dom);
var app = {};
option = {
tooltip : {
trigger: 'axis',
axisPointer : { // 坐标轴指示器，坐标轴触发有效
type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
}
},
legend: {
data:['平均评分', '最低评分', '最高评分']
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis : [
{
type : 'value'
}
],
yAxis : [
{
type : 'category',
axisTick : {show: false},
data : ['最受欢迎的中国文学类top100','最受欢迎的网络文学类top100','最受欢迎的图书top100']
}
],
series : [
{
name:'平均评分',
type:'bar',
label: {
normal: {
show: true,
position: 'inside'
}
},
data:[8.1, 7.7, 8.4]
},
{
name:'最高评分',
type:'bar',
stack: '总量',
label: {
normal: {
show: true
}
},
data:[9.6, 8.9, 9.3]
},
{
name:'最低评分',
type:'bar',
stack: '总量',
label: {
normal: {
show: true,
position: 'left'
}
},
data:[-6.3, -6.8, -6.5]
}
]
};
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="86548" style="border: 0px none;">
<section class="layout" style="width:30px;display:inline-block;vertical-align:top;">
<section style="width: 30px; height: 90px; margin-left: 4px; text-align: center; padding: 10px 0px; background-color: rgb(33, 33, 34);">
<p style="color: rgb(254, 254, 254); line-height: 1em;">
<span style="font-size: 26px;">2</span>
</p>
<p style="line-height: 1em;">
<span style="color: #F5F5F5; font-size: 10px;">two</span>
</p>
</section>
</section>
<section class="layout" style="width:85%;display:inline-block;" data-width="85%">
<section style="display: inline-block; box-sizing: border-box; color: inherit;">
<section class="135brush" data-brushtype="text" style="margin: 0.2em 0px 0px; padding: 0px 0.5em 5px; max-width: 100%; color: rgb(33, 33, 34); font-size:30px; line-height: 1; border-bottom-width: 1px; border-bottom-style: solid; border-color: rgb(33, 33, 34);font-weight:100;">
<strong><span style="font-size: 18px; color: #366092;">亚马逊——人们的阅读偏好变了吗？</span></strong>
</section>
<section class="135brush" data-brushtype="text" style="margin: 5px 1em; font-size: 13px; line-height: 1; color: rgb(33, 33, 34); box-sizing: border-box; border-color: rgb(33, 33, 34);">
<br/>
</section>
</section>
</section>
</section>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="89434" style="border: 0px none;">
<section style="text-align:center;">
<section style="width:2.5em;height:3em;color:#fff;font-size:1em;line-height:3em;display:inline-block;text-align:center;background-image:url(http://mpt.135editor.com/mmbiz_gif/fgnkxfGnnkTMNtGy7KWfCrdJibAYY6HtIUM7juy5UwZTqywnItJwjmgOAnlHP5j2n4icsH3qhoFCNmw5yAPIso0Q/0?wx_fmt=gif);background-repeat:no-repeat;background-size:100%;background-position:0">
<p class="autonum" style="margin:0" data-original-title="" title="" aria-describedby="tooltip977298">
1
</p>
</section>
</section>
</section>
<p>
<br/>
</p>
<h3 style="font-family: "Microsoft YaHei"; white-space: normal; text-align: center;">
<strong><span style="background-color: #366092; color: #FFFFFF;">2015-2017年纸质书最受欢迎书籍top20种类分布</span></strong>
</h3>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-family: "Microsoft YaHei"; font-size: 14px;">根据亚马逊商城纸质书<strong>2015-2017年的销量排行数据</strong>，近年来国民阅读种类大致情况如下：</span>
</p>
<p>
<br style="font-family: "Microsoft YaHei"; font-size: medium;"/><span style="font-size: 14px;"><span style="font-family: "Microsoft YaHei"; font-size: 14px;">（1）<strong>人文社科类</strong>为主，教育和网络文学占一小部分</span><br style="font-family: "Microsoft YaHei"; font-size: medium; white-space: normal;"/><span style="font-family: "Microsoft YaHei"; font-size: 14px;">（2）人文社科类阅读量增加，专业实用类书籍阅读量呈下降趋势，<strong>阅读种类结构单一化</strong></span></span>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container5" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
var dom = document.getElementById("container5");
var myChart = echarts.init(dom);
var app = {};
option = null;
option = {
legend: {},
tooltip: {},
dataset: {
dimensions: ['product', '2015', '2016', '2017'],
source: [
{product: '人文社科', '2015': 13, '2016': 16, '2017': 18},
{product: '教育', '2015': 2, '2016': 2, '2017': 1},
{product: '专业实用', '2015': 2, '2016': 0, '2017': 0},
{product: '网络文学', '2015': 3, '2016': 2, '2017': 1}
]
},
xAxis: {type: 'category'},
yAxis: {},
// Declare several bar series, each will be mapped
// to a column of dataset.source by default.
series: [
{type: 'bar'},
{type: 'bar'},
{type: 'bar'}
]
};
;
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
</script>
</body>
</html>
<p>
<br/>
</p>
<p>
<br/>
</p>
<section class="_135editor" data-tools="135编辑器" data-id="89434" style="border: 0px none;">
<section style="text-align:center;">
<section style="width:2.5em;height:3em;color:#fff;font-size:1em;line-height:3em;display:inline-block;text-align:center;background-image:url(http://mpt.135editor.com/mmbiz_gif/fgnkxfGnnkTMNtGy7KWfCrdJibAYY6HtIUM7juy5UwZTqywnItJwjmgOAnlHP5j2n4icsH3qhoFCNmw5yAPIso0Q/0?wx_fmt=gif);background-repeat:no-repeat;background-size:100%;background-position:0">
<p class="autonum" style="margin:0" data-original-title="" title="" aria-describedby="tooltip985098">
2
</p>
</section>
</section>
</section>
<p>
<br/>
</p>
<p style="text-align: center;">
<strong><span style="background-color: #366092; color: #FFFFFF;">亚马逊各类纸质书&电子书销量top100评论数</span></strong>
</p>
<p>
<br/>
</p>
<p>
<br/>
</p>
<p>
<span style="font-size: 14px;"> <span style="font-family: "Microsoft YaHei";">根据亚马逊商城图书销售排行榜数据，近年来最受欢迎的纸质书和电子书主要可分为五类：<strong>人文社科、教育、经济管理、专业实用、网络文学。</strong></span></span>
</p>
<p>