今天使用Echarts写了个词云图，之前使用pycharts生成的html就是echarts。主要代码如下，另外Echarts需要到https://www.echartsjs.com/下载，开发时使用.js文件即可。 先看效果： 
Echarts官网有详细的开发文档可以参考学习。
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <title>词云图</title> 6 //引用.js文件 7 <script src="D:/AProjectS/echarts/echarts.js"></script> 8 <script src="D:/AProjectS/echarts/echarts-wordcloud.js"></script> 9</head> 10<body> 11 //div显示 12 <div id="main" style="width: 600px;height: 500px; "></div> 13 14 <script > 15 var mycharts = echarts.init(document.getElementById("main")); 16 //用来存储数据 17 var jsonlist = []; 18 jsonlist.push( 19 { 20 "name": "花鸟市场", 21 "value": 1446 22 }, 23 { 24 "name": "汽车", 25 "value": 928 26 }, 27 { 28 "name": "视频", 29 "value": 906 30 }, 31 { 32 "name": "电视", 33 "value": 825 34 }, 35 { 36 "name": "Lover Boy 88", 37 "value": 514 38 }, 39 { 40 "name": "动漫", 41 "value": 486 42 }, 43 { 44 "name": "音乐", 45 "value": 5999 46 }, 47 { 48 "name": "直播", 49 "value": 163 50 }, 51 { 52 "name": "广播电台", 53 "value": 86 54 }, 55 { 56 "name": "戏曲曲艺", 57 "value": 17 58 }, 59 { 60 "name": "演出票务", 61 "value": 6 62 }, 63 { 64 "name": "给陌生的你听", 65 "value": 1 66 }, 67 { 68 "name": "资讯", 69 "value": 1437 70 }, 71 { 72 "name": "商业财经", 73 "value": 422 74 }, 75 { 76 "name": "娱乐八卦", 77 "value": 353 78 }, 79 { 80 "name": "军事", 81 "value": 331 82 }, 83 { 84 "name": "科技资讯", 85 "value": 313 86 }, 87 { 88 "name": "社会时政", 89 "value": 307 90 }, 91 { 92 "name": "时尚", 93 "value": 43 94 }, 95 { 96 "name": "网络奇闻", 97 "value": 15 98 }, 99 { 100 "name": "旅游出行", 101 "value": 438 102 }, 103 { 104 "name": "景点类型", 105 "value": 957 106 }, 107 { 108 "name": "国内游", 109 "value": 927 110 }, 111 { 112 "name": "远途出行方式", 113 "value": 908 114 }, 115 { 116 "name": "酒店", 117 "value": 693 118 }, 119 { 120 "name": "关注景点", 121 "value": 611 122 }, 123 { 124 "name": "旅游网站偏好", 125 "value": 512 126 }, 127 { 128 "name": "出国游", 129 "value": 382 130 }, 131 { 132 "name": "交通票务", 133 "value": 312 134 }, 135 { 136 "name": "旅游方式", 137 "value": 187 138 }, 139 { 140 "name": "旅游主题", 141 "value": 163 142 }, 143 { 144 "name": "港澳台", 145 "value": 104 146 }, 147 { 148 "name": "本地周边游", 149 "value": 3 150 }, 151 { 152 "name": "小卖家", 153 "value": 1331 154 }, 155 { 156 "name": "全日制学校", 157 "value": 941 158 }, 159 { 160 "name": "基础教育科目", 161 "value": 585 162 }, 163 { 164 "name": "考试培训", 165 "value": 473 166 }, 167 { 168 "name": "语言学习", 169 "value": 358 170 }, 171 { 172 "name": "留学", 173 "value": 246 174 }, 175 { 176 "name": "K12课程培训", 177 "value": 207 178 }, 179 { 180 "name": "艺术培训", 181 "value": 194 182 }, 183 { 184 "name": "技能培训", 185 "value": 104 186 }, 187 { 188 "name": "IT培训", 189 "value": 87 190 }, 191 { 192 "name": "高等教育专业", 193 "value": 63 194 }, 195 { 196 "name": "家教", 197 "value": 48 198 }, 199 { 200 "name": "体育培训", 201 "value": 23 202 }, 203 { 204 "name": "职场培训", 205 "value": 5 206 }, 207 { 208 "name": "金融财经", 209 "value": 1328 210 }, 211 { 212 "name": "银行", 213 "value": 765 214 }, 215 { 216 "name": "股票", 217 "value": 452 218 }, 219 { 220 "name": "保险", 221 "value": 415 222 }, 223 { 224 "name": "贷款", 225 "value": 253 226 }, 227 { 228 "name": "基金", 229 "value": 211 230 }, 231 { 232 "name": "信用卡", 233 "value": 180 234 }, 235 { 236 "name": "外汇", 237 "value": 138 238 }, 239 { 240 "name": "P2P", 241 "value": 116 242 }, 243 { 244 "name": "贵金属", 245 "value": 98 246 }, 247 { 248 "name": "债券", 249 "value": 93 250 }, 251 { 252 "name": "网络理财", 253 "value": 92 254 }, 255 { 256 "name": "信托", 257 "value": 90 258 }, 259 { 260 "name": "征信", 261 "value": 76 262 }, 263 { 264 "name": "期货", 265 "value": 76 266 }, 267 { 268 "name": "公积金", 269 "value": 40 270 }, 271 { 272 "name": "银行理财", 273 "value": 36 274 }, 275 { 276 "name": "银行业务", 277 "value": 30 278 }, 279 { 280 "name": "典当", 281 "value": 7 282 }, 283 { 284 "name": "海外置业", 285 "value": 1 286 }, 287 { 288 "name": "汽车", 289 "value": 1309 290 }, 291 { 292 "name": "汽车档次", 293 "value": 965 294 }, 295 { 296 "name": "汽车品牌", 297 "value": 900 298 }, 299 { 300 "name": "汽车车型", 301 "value": 727 302 }, 303 { 304 "name": "购车阶段", 305 "value": 461 306 }, 307 { 308 "name": "二手车", 309 "value": 309 310 }, 311 { 312 "name": "汽车美容", 313 "value": 260 314 }, 315 { 316 "name": "新能源汽车", 317 "value": 173 318 }, 319 { 320 "name": "汽车维修", 321 "value": 155 322 }, 323 { 324 "name": "租车服务", 325 "value": 136 326 }, 327 { 328 "name": "车展", 329 "value": 121 330 }, 331 { 332 "name": "违章查询", 333 "value": 76 334 }, 335 { 336 "name": "汽车改装", 337 "value": 62 338 }, 339 { 340 "name": "汽车用品", 341 "value": 37 342 }, 343 { 344 "name": "路况查询", 345 "value": 32 346 }, 347 { 348 "name": "汽车保险", 349 "value": 28 350 }, 351 { 352 "name": "陪驾代驾", 353 "value": 4 354 }, 355 { 356 "name": "网络购物", 357 "value": 1275 358 }, 359 { 360 "name": "做我的猫", 361 "value": 1088 362 }, 363 { 364 "name": "只想要你知道", 365 "value": 907 366 }, 367 { 368 "name": "团购", 369 "value": 837 370 }, 371 { 372 "name": "比价", 373 "value": 201 374 }, 375 { 376 "name": "海淘", 377 "value": 195 378 }, 379 { 380 "name": "移动APP购物", 381 "value": 179 382 }, 383 { 384 "name": "支付方式", 385 "value": 119 386 }, 387 { 388 "name": "代购", 389 "value": 43 390 }, 391 { 392 "name": "体育健身", 393 "value": 1234 394 }, 395 { 396 "name": "体育赛事项目", 397 "value": 802 398 }, 399 { 400 "name": "运动项目", 401 "value": 405 402 }, 403 { 404 "name": "体育类赛事", 405 "value": 337 406 }, 407 { 408 "name": "健身项目", 409 "value": 199 410 }, 411 { 412 "name": "健身房健身", 413 "value": 78 414 }, 415 { 416 "name": "运动健身", 417 "value": 77 418 }, 419 { 420 "name": "家庭健身", 421 "value": 36 422 }, 423 { 424 "name": "健身器械", 425 "value": 29 426 }, 427 { 428 "name": "办公室健身", 429 "value": 3 430 }, 431 { 432 "name": "商务服务", 433 "value": 1201 434 }, 435 { 436 "name": "法律咨询", 437 "value": 508 438 }, 439 { 440 "name": "化工材料", 441 "value": 147 442 }, 443 { 444 "name": "广告服务", 445 "value": 125 446 }, 447 { 448 "name": "会计审计", 449 "value": 115 450 }, 451 { 452 "name": "人员招聘", 453 "value": 101 454 }, 455 { 456 "name": "印刷打印", 457 "value": 66 458 }, 459 { 460 "name": "知识产权", 461 "value": 32 462 }, 463 { 464 "name": "翻译", 465 "value": 22 466 }, 467 { 468 "name": "安全安保", 469 "value": 9 470 }, 471 { 472 "name": "公关服务", 473 "value": 8 474 }, 475 { 476 "name": "商旅服务", 477 "value": 2 478 }, 479 { 480 "name": "展会服务", 481 "value": 2 482 }, 483 { 484 "name": "特许经营", 485 "value": 1 486 }, 487 { 488 "name": "休闲爱好", 489 "value": 1169 490 }, 491 { 492 "name": "收藏", 493 "value": 412 494 }, 495 { 496 "name": "摄影", 497 "value": 393 498 }, 499 { 500 "name": "温泉", 501 "value": 230 502 }, 503 { 504 "name": "博彩彩票", 505 "value": 211 506 }, 507 { 508 "name": "美术", 509 "value": 207 510 }, 511 { 512 "name": "书法", 513 "value": 139 514 }, 515 { 516 "name": "DIY手工", 517 "value": 75 518 }, 519 { 520 "name": "舞蹈", 521 "value": 23 522 }, 523 { 524 "name": "钓鱼", 525 "value": 21 526 }, 527 { 528 "name": "棋牌桌游", 529 "value": 17 530 }, 531 { 532 "name": "KTV", 533 "value": 6 534 }, 535 { 536 "name": "密室", 537 "value": 5 538 }, 539 { 540 "name": "采摘", 541 "value": 4 542 }, 543 { 544 "name": "电玩", 545 "value": 1 546 }, 547 { 548 "name": "真人CS", 549 "value": 1 550 }, 551 { 552 "name": "轰趴", 553 "value": 1 554 }, 555 { 556 "name": "家电数码", 557 "value": 1111 558 }, 559 { 560 "name": "手机", 561 "value": 885 562 }, 563 { 564 "name": "电脑", 565 "value": 543 566 }, 567 { 568 "name": "大家电", 569 "value": 321 570 }, 571 { 572 "name": "家电关注品牌", 573 "value": 253 574 }, 575 { 576 "name": "网络设备", 577 "value": 162 578 }, 579 { 580 "name": "摄影器材", 581 "value": 149 582 }, 583 { 584 "name": "影音设备", 585 "value": 133 586 }, 587 { 588 "name": "办公数码设备", 589 "value": 113 590 }, 591 { 592 "name": "生活电器", 593 "value": 67 594 }, 595 { 596 "name": "厨房电器", 597 "value": 54 598 }, 599 { 600 "name": "智能设备", 601 "value": 45 602 }, 603 { 604 "name": "个人护理电器", 605 "value": 22 606 }, 607 { 608 "name": "服饰鞋包", 609 "value": 1047 610 }, 611 { 612 "name": "服装", 613 "value": 566 614 }, 615 { 616 "name": "饰品", 617 "value": 289 618 }, 619 { 620 "name": "鞋", 621 "value": 184 622 }, 623 { 624 "name": "箱包", 625 "value": 168 626 }, 627 { 628 "name": "奢侈品", 629 "value": 137 630 }, 631 { 632 "name": "母婴亲子", 633 "value": 1041 634 }, 635 { 636 "name": "孕婴保健", 637 "value": 505 638 }, 639 { 640 "name": "母婴社区", 641 "value": 299 642 }, 643 { 644 "name": "早教", 645 "value": 103 646 }, 647 { 648 "name": "奶粉辅食", 649 "value": 66 650 }, 651 { 652 "name": "童车童床", 653 "value": 41 654 }, 655 { 656 "name": "关注品牌", 657 "value": 271 658 }, 659 { 660 "name": "宝宝玩乐", 661 "value": 30 662 }, 663 { 664 "name": "母婴护理服务", 665 "value": 25 666 }, 667 { 668 "name": "纸尿裤湿巾", 669 "value": 16 670 }, 671 { 672 "name": "妈妈用品", 673 "value": 15 674 }, 675 { 676 "name": "宝宝起名", 677 "value": 12 678 }, 679 { 680 "name": "童装童鞋", 681 "value": 9 682 }, 683 { 684 "name": "胎教", 685 "value": 8 686 }, 687 { 688 "name": "宝宝安全", 689 "value": 1 690 }, 691 { 692 "name": "宝宝洗护用品", 693 "value": 1 694 }, 695 { 696 "name": "软件应用", 697 "value": 1018 698 }, 699 { 700 "name": "系统工具", 701 "value": 896 702 }, 703 { 704 "name": "理财购物", 705 "value": 440 706 }, 707 { 708 "name": "生活实用", 709 "value": 365 710 }, 711 { 712 "name": "影音图像", 713 "value": 256 714 }, 715 { 716 "name": "社交通讯", 717 "value": 214 718 }, 719 { 720 "name": "手机美化", 721 "value": 39 722 }, 723 { 724 "name": "办公学习", 725 "value": 28 726 }, 727 { 728 "name": "应用市场", 729 "value": 23 730 }, 731 { 732 "name": "母婴育儿", 733 "value": 14 734 }, 735 { 736 "name": "游戏", 737 "value": 946 738 }, 739 { 740 "name": "手机游戏", 741 "value": 565 742 }, 743 { 744 "name": "PC游戏", 745 "value": 353 746 }, 747 { 748 "name": "网页游戏", 749 "value": 254 750 }, 751 { 752 "name": "游戏机", 753 "value": 188 754 }, 755 { 756 "name": "模拟辅助", 757 "value": 166 758 }, 759 { 760 "name": "个护美容", 761 "value": 942 762 }, 763 { 764 "name": "护肤品", 765 "value": 177 766 }, 767 { 768 "name": "彩妆", 769 "value": 133 770 }, 771 { 772 "name": "美发", 773 "value": 80 774 }, 775 { 776 "name": "香水", 777 "value": 50 778 }, 779 { 780 "name": "个人护理", 781 "value": 46 782 }, 783 { 784 "name": "美甲", 785 "value": 26 786 }, 787 { 788 "name": "SPA美体", 789 "value": 21 790 }, 791 { 792 "name": "花鸟萌宠", 793 "value": 914 794 }, 795 { 796 "name": "绿植花卉", 797 "value": 311 798 }, 799 { 800 "name": "狗", 801 "value": 257 802 }, 803 { 804 "name": "其他宠物", 805 "value": 131 806 }, 807 { 808 "name": "水族", 809 "value": 125 810 }, 811 { 812 "name": "猫", 813 "value": 122 814 }, 815 { 816 "name": "动物", 817 "value": 81 818 }, 819 { 820 "name": "鸟", 821 "value": 67 822 }, 823 { 824 "name": "宠物用品", 825 "value": 41 826 }, 827 { 828 "name": "宠物服务", 829 "value": 26 830 }, 831 { 832 "name": "书籍阅读", 833 "value": 913 834 }, 835 { 836 "name": "网络小说", 837 "value": 483 838 }, 839 { 840 "name": "关注书籍", 841 "value": 128 842 }, 843 { 844 "name": "文学", 845 "value": 105 846 }, 847 { 848 "name": "报刊杂志", 849 "value": 77 850 }, 851 { 852 "name": "人文社科", 853 "value": 22 854 }, 855 { 856 "name": "建材家居", 857 "value": 907 858 }, 859 { 860 "name": "装修建材", 861 "value": 644 862 }, 863 { 864 "name": "家具", 865 "value": 273 866 }, 867 { 868 "name": "家居风格", 869 "value": 187 870 }, 871 { 872 "name": "家居家装关注品牌", 873 "value": 140 874 }, 875 { 876 "name": "家纺", 877 "value": 107 878 }, 879 { 880 "name": "厨具", 881 "value": 47 882 }, 883 { 884 "name": "灯具", 885 "value": 43 886 }, 887 { 888 "name": "家居饰品", 889 "value": 29 890 }, 891 { 892 "name": "家居日常用品", 893 "value": 10 894 }, 895 { 896 "name": "生活服务", 897 "value": 883 898 }, 899 { 900 "name": "物流配送", 901 "value": 536 902 }, 903 { 904 "name": "家政服务", 905 "value": 108 906 }, 907 { 908 "name": "摄影服务", 909 "value": 49 910 }, 911 { 912 "name": "搬家服务", 913 "value": 38 914 }, 915 { 916 "name": "物业维修", 917 "value": 37 918 }, 919 { 920 "name": "婚庆服务", 921 "value": 24 922 }, 923 { 924 "name": "二手回收", 925 "value": 24 926 }, 927 { 928 "name": "鲜花配送", 929 "value": 3 930 }, 931 { 932 "name": "维修服务", 933 "value": 3 934 }, 935 { 936 "name": "殡葬服务", 937 "value": 1 938 }, 939 { 940 "name": "求职创业", 941 "value": 874 942 }, 943 { 944 "name": "创业", 945 "value": 363 946 }, 947 { 948 "name": "目标职位", 949 "value": 162 950 }, 951 { 952 "name": "目标行业", 953 "value": 50 954 }, 955 { 956 "name": "兼职", 957 "value": 21 958 }, 959 { 960 "name": "期望年薪", 961 "value": 20 962 }, 963 { 964 "name": "实习", 965 "value": 16 966 }, 967 { 968 "name": "雇主类型", 969 "value": 10 970 }, 971 { 972 "name": "星座运势", 973 "value": 789 974 }, 975 { 976 "name": "星座", 977 "value": 316 978 }, 979 { 980 "name": "算命", 981 "value": 303 982 }, 983 { 984 "name": "解梦", 985 "value": 196 986 }, 987 { 988 "name": "风水", 989 "value": 93 990 }, 991 { 992 "name": "面相分析", 993 "value": 47 994 }, 995 { 996 "name": "手相", 997 "value": 32 998 }, 999 { 1000 "name": "公益", 1001 "value": 90 1002 } 1003 ); 1004 // 人像的base64编码 1005 image1= "data:image/png;base64,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" 1006 1007 var maskResource = new Image() 1008 maskResource.src=image1; 1009 var option ={ 1010 //设置标题，居中显示 1011 title:{ 1012 text: 'E词云图', 1013 left:'center', 1014 }, 1015 //数据可以点击 1016 tooltip:{ 1017 1018 }, 1019 1020 series:[ 1021 { 1022 maskImage:maskResource, 1023 //词的类型 1024 type: 'wordCloud', 1025 //设置字符大小范围 1026 sizeRange:[6,78], 1027 rotationRange:[-45,90], 1028 textStyle: { 1029 normal:{ 1030 //生成随机的字体颜色 1031 color:function () { 1032 return 'rgb(' + [ 1033 Math.round(Math.random() * 160), 1034 Math.round(Math.random() * 160), 1035 Math.round(Math.random() * 160) 1036 ].join(',')+')'; 1037 1038 } 1039 } 1040 1041 }, 1042 //不要忘记调用数据 1043 data:jsonlist 1044 1045 } 1046 ] 1047 1048 }; 1049 //加载图像，将数据放在图像中 1050 maskResource.onload = function(){ 1051 mycharts.setOption(option) 1052 1053 }; 1054 </script> 1055 1056</body> 1057</html>