Echarts詞雲圖

時間 2020-02-14
標籤 echarts 雲圖简体版
原文原文鏈接
今天使用Echarts寫了個詞雲圖，以前使用pycharts生成的html就是echarts。主要代碼以下，另外Echarts須要到https://www.echartsjs.com/下載，開發時使用.js文件便可。
先看效果：
html
Echarts官網有詳細的開發文檔能夠參考學習。json
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>詞雲圖</title>
    //引用.js文件
    <script src="D:/AProjectS/echarts/echarts.js"></script>
    <script src="D:/AProjectS/echarts/echarts-wordcloud.js"></script>
</head>
<body>
    //div顯示
    <div id="main" style="width: 600px;height: 500px; "></div>

    <script >
        var mycharts = echarts.init(document.getElementById("main"));
        //用來存儲數據
        var jsonlist = [];
        jsonlist.push(
        {
            "name": "花鳥市場",
            "value": 1446
        },
        {
            "name": "汽車",
            "value": 928
        },
        {
            "name": "視頻",
            "value": 906
        },
        {
            "name": "電視",
            "value": 825
        },
        {
            "name": "Lover Boy 88",
            "value": 514
        },
        {
            "name": "動漫",
            "value": 486
        },
        {
            "name": "音樂",
            "value": 5999
        },
        {
            "name": "直播",
            "value": 163
        },
        {
            "name": "廣播電臺",
            "value": 86
        },
        {
            "name": "戲曲曲藝",
            "value": 17
        },
        {
            "name": "演出票務",
            "value": 6
        },
        {
            "name": "給陌生的你聽",
            "value": 1
        },
        {
            "name": "資訊",
            "value": 1437
        },
        {
            "name": "商業財經",
            "value": 422
        },
        {
            "name": "娛樂八卦",
            "value": 353
        },
        {
            "name": "軍事",
            "value": 331
        },
        {
            "name": "科技資訊",
            "value": 313
        },
        {
            "name": "社會時政",
            "value": 307
        },
        {
            "name": "時尚",
            "value": 43
        },
        {
            "name": "網絡奇聞",
            "value": 15
        },
        {
            "name": "旅遊出行",
            "value": 438
        },
        {
            "name": "景點類型",
            "value": 957
        },
        {
            "name": "國內遊",
            "value": 927
        },
        {
            "name": "遠途出行方式",
            "value": 908
        },
        {
            "name": "酒店",
            "value": 693
        },
        {
            "name": "關注景點",
            "value": 611
        },
        {
            "name": "旅遊網站偏好",
            "value": 512
        },
        {
            "name": "出國遊",
            "value": 382
        },
        {
            "name": "交通票務",
            "value": 312
        },
        {
            "name": "旅遊方式",
            "value": 187
        },
        {
            "name": "旅遊主題",
            "value": 163
        },
        {
            "name": "港澳臺",
            "value": 104
        },
        {
            "name": "本地周邊遊",
            "value": 3
        },
        {
            "name": "小賣家",
            "value": 1331
        },
        {
            "name": "全日制學校",
            "value": 941
        },
        {
            "name": "基礎教育科目",
            "value": 585
        },
        {
            "name": "考試培訓",
            "value": 473
        },
        {
            "name": "語言學習",
            "value": 358
        },
        {
            "name": "留學",
            "value": 246
        },
        {
            "name": "K12課程培訓",
            "value": 207
        },
        {
            "name": "藝術培訓",
            "value": 194
        },
        {
            "name": "技能培訓",
            "value": 104
        },
        {
            "name": "IT培訓",
            "value": 87
        },
        {
            "name": "高等教育專業",
            "value": 63
        },
        {
            "name": "家教",
            "value": 48
        },
        {
            "name": "體育培訓",
            "value": 23
        },
        {
            "name": "職場培訓",
            "value": 5
        },
        {
            "name": "金融財經",
            "value": 1328
        },
        {
            "name": "銀行",
            "value": 765
        },
        {
            "name": "股票",
            "value": 452
        },
        {
            "name": "保險",
            "value": 415
        },
        {
            "name": "貸款",
            "value": 253
        },
        {
            "name": "基金",
            "value": 211
        },
        {
            "name": "信用卡",
            "value": 180
        },
        {
            "name": "外匯",
            "value": 138
        },
        {
            "name": "P2P",
            "value": 116
        },
        {
            "name": "貴金屬",
            "value": 98
        },
        {
            "name": "債券",
            "value": 93
        },
        {
            "name": "網絡理財",
            "value": 92
        },
        {
            "name": "信託",
            "value": 90
        },
        {
            "name": "徵信",
            "value": 76
        },
        {
            "name": "期貨",
            "value": 76
        },
        {
            "name": "公積金",
            "value": 40
        },
        {
            "name": "銀行理財",
            "value": 36
        },
        {
            "name": "銀行業務",
            "value": 30
        },
        {
            "name": "典當",
            "value": 7
        },
        {
            "name": "海外置業",
            "value": 1
        },
        {
            "name": "汽車",
            "value": 1309
        },
        {
            "name": "汽車檔次",
            "value": 965
        },
        {
            "name": "汽車品牌",
            "value": 900
        },
        {
            "name": "汽車車型",
            "value": 727
        },
        {
            "name": "購車階段",
            "value": 461
        },
        {
            "name": "二手車",
            "value": 309
        },
        {
            "name": "汽車美容",
            "value": 260
        },
        {
            "name": "新能源汽車",
            "value": 173
        },
        {
            "name": "汽車維修",
            "value": 155
        },
        {
            "name": "租車服務",
            "value": 136
        },
        {
            "name": "車展",
            "value": 121
        },
        {
            "name": "違章查詢",
            "value": 76
        },
        {
            "name": "汽車改裝",
            "value": 62
        },
        {
            "name": "汽車用品",
            "value": 37
        },
        {
            "name": "路況查詢",
            "value": 32
        },
        {
            "name": "汽車保險",
            "value": 28
        },
        {
            "name": "陪駕代駕",
            "value": 4
        },
        {
            "name": "網絡購物",
            "value": 1275
        },
        {
            "name": "作個人貓",
            "value": 1088
        },
        {
            "name": "只想要你知道",
            "value": 907
        },
        {
            "name": "團購",
            "value": 837
        },
        {
            "name": "比價",
            "value": 201
        },
        {
            "name": "海淘",
            "value": 195
        },
        {
            "name": "移動APP購物",
            "value": 179
        },
        {
            "name": "支付方式",
            "value": 119
        },
        {
            "name": "代購",
            "value": 43
        },
        {
            "name": "體育健身",
            "value": 1234
        },
        {
            "name": "體育賽事項目",
            "value": 802
        },
        {
            "name": "運動項目",
            "value": 405
        },
        {
            "name": "體育類賽事",
            "value": 337
        },
        {
            "name": "健身項目",
            "value": 199
        },
        {
            "name": "健身房健身",
            "value": 78
        },
        {
            "name": "運動健身",
            "value": 77
        },
        {
            "name": "家庭健身",
            "value": 36
        },
        {
            "name": "健身器械",
            "value": 29
        },
        {
            "name": "辦公室健身",
            "value": 3
        },
        {
            "name": "商務服務",
            "value": 1201
        },
        {
            "name": "法律諮詢",
            "value": 508
        },
        {
            "name": "化工材料",
            "value": 147
        },
        {
            "name": "廣告服務",
            "value": 125
        },
        {
            "name": "會計審計",
            "value": 115
        },
        {
            "name": "人員招聘",
            "value": 101
        },
        {
            "name": "印刷打印",
            "value": 66
        },
        {
            "name": "知識產權",
            "value": 32
        },
        {
            "name": "翻譯",
            "value": 22
        },
        {
            "name": "安全安保",
            "value": 9
        },
        {
            "name": "公關服務",
            "value": 8
        },
        {
            "name": "商旅服務",
            "value": 2
        },
        {
            "name": "展會服務",
            "value": 2
        },
        {
            "name": "特許經營",
            "value": 1
        },
        {
            "name": "休閒愛好",
            "value": 1169
        },
        {
            "name": "收藏",
            "value": 412
        },
        {
            "name": "攝影",
            "value": 393
        },
        {
            "name": "溫泉",
            "value": 230
        },
        {
            "name": "博彩彩票",
            "value": 211
        },
        {
            "name": "美術",
            "value": 207
        },
        {
            "name": "書法",
            "value": 139
        },
        {
            "name": "DIY手工",
            "value": 75
        },
        {
            "name": "舞蹈",
            "value": 23
        },
        {
            "name": "釣魚",
            "value": 21
        },
        {
            "name": "棋牌桌遊",
            "value": 17
        },
        {
            "name": "KTV",
            "value": 6
        },
        {
            "name": "密室",
            "value": 5
        },
        {
            "name": "採摘",
            "value": 4
        },
        {
            "name": "電玩",
            "value": 1
        },
        {
            "name": "真人CS",
            "value": 1
        },
        {
            "name": "轟趴",
            "value": 1
        },
        {
            "name": "家電數碼",
            "value": 1111
        },
        {
            "name": "手機",
            "value": 885
        },
        {
            "name": "電腦",
            "value": 543
        },
        {
            "name": "你們電",
            "value": 321
        },
        {
            "name": "家電關注品牌",
            "value": 253
        },
        {
            "name": "網絡設備",
            "value": 162
        },
        {
            "name": "攝影器材",
            "value": 149
        },
        {
            "name": "影音設備",
            "value": 133
        },
        {
            "name": "辦公數碼設備",
            "value": 113
        },
        {
            "name": "生活電器",
            "value": 67
        },
        {
            "name": "廚房電器",
            "value": 54
        },
        {
            "name": "智能設備",
            "value": 45
        },
        {
            "name": "我的護理電器",
            "value": 22
        },
        {
            "name": "服飾鞋包",
            "value": 1047
        },
        {
            "name": "服裝",
            "value": 566
        },
        {
            "name": "飾品",
            "value": 289
        },
        {
            "name": "鞋",
            "value": 184
        },
        {
            "name": "箱包",
            "value": 168
        },
        {
            "name": "奢侈品",
            "value": 137
        },
        {
            "name": "母嬰親子",
            "value": 1041
        },
        {
            "name": "孕嬰保健",
            "value": 505
        },
        {
            "name": "母嬰社區",
            "value": 299
        },
        {
            "name": "早教",
            "value": 103
        },
        {
            "name": "奶粉輔食",
            "value": 66
        },
        {
            "name": "童車童牀",
            "value": 41
        },
        {
            "name": "關注品牌",
            "value": 271
        },
        {
            "name": "寶寶玩樂",
            "value": 30
        },
        {
            "name": "母嬰護理服務",
            "value": 25
        },
        {
            "name": "紙尿褲溼巾",
            "value": 16
        },
        {
            "name": "媽媽用品",
            "value": 15
        },
        {
            "name": "寶寶起名",
            "value": 12
        },
        {
            "name": "童裝童鞋",
            "value": 9
        },
        {
            "name": "胎教",
            "value": 8
        },
        {
            "name": "寶寶安全",
            "value": 1
        },
        {
            "name": "寶寶洗護用品",
            "value": 1
        },
        {
            "name": "軟件應用",
            "value": 1018
        },
        {
            "name": "系統工具",
            "value": 896
        },
        {
            "name": "理財購物",
            "value": 440
        },
        {
            "name": "生活實用",
            "value": 365
        },
        {
            "name": "影音圖像",
            "value": 256
        },
        {
            "name": "社交通信",
            "value": 214
        },
        {
            "name": "手機美化",
            "value": 39
        },
        {
            "name": "辦公學習",
            "value": 28
        },
        {
            "name": "應用市場",
            "value": 23
        },
        {
            "name": "母嬰育兒",
            "value": 14
        },
        {
            "name": "遊戲",
            "value": 946
        },
        {
            "name": "手機遊戲",
            "value": 565
        },
        {
            "name": "PC遊戲",
            "value": 353
        },
        {
            "name": "網頁遊戲",
            "value": 254
        },
        {
            "name": "遊戲機",
            "value": 188
        },
        {
            "name": "模擬輔助",
            "value": 166
        },
        {
            "name": "個護美容",
            "value": 942
        },
        {
            "name": "護膚品",
            "value": 177
        },
        {
            "name": "彩妝",
            "value": 133
        },
        {
            "name": "美髮",
            "value": 80
        },
        {
            "name": "香水",
            "value": 50
        },
        {
            "name": "我的護理",
            "value": 46
        },
        {
            "name": "美甲",
            "value": 26
        },
        {
            "name": "SPA美體",
            "value": 21
        },
        {
            "name": "花鳥萌寵",
            "value": 914
        },
        {
            "name": "綠植花卉",
            "value": 311
        },
        {
            "name": "狗",
            "value": 257
        },
        {
            "name": "其餘寵物",
            "value": 131
        },
        {
            "name": "水族",
            "value": 125
        },
        {
            "name": "貓",
            "value": 122
        },
        {
            "name": "動物",
            "value": 81
        },
        {
            "name": "鳥",
            "value": 67
        },
        {
            "name": "寵物用品",
            "value": 41
        },
        {
            "name": "寵物服務",
            "value": 26
        },
        {
            "name": "書籍閱讀",
            "value": 913
        },
        {
            "name": "網絡小說",
            "value": 483
        },
        {
            "name": "關注書籍",
            "value": 128
        },
        {
            "name": "文學",
            "value": 105
        },
        {
            "name": "報刊雜誌",
            "value": 77
        },
        {
            "name": "人文社科",
            "value": 22
        },
        {
            "name": "建材家居",
            "value": 907
        },
        {
            "name": "裝修建材",
            "value": 644
        },
        {
            "name": "傢俱",
            "value": 273
        },
        {
            "name": "家居風格",
            "value": 187
        },
        {
            "name": "家居家裝關注品牌",
            "value": 140
        },
        {
            "name": "家紡",
            "value": 107
        },
        {
            "name": "廚具",
            "value": 47
        },
        {
            "name": "燈具",
            "value": 43
        },
        {
            "name": "家居飾品",
            "value": 29
        },
        {
            "name": "家居平常用品",
            "value": 10
        },
        {
            "name": "生活服務",
            "value": 883
        },
        {
            "name": "物流配送",
            "value": 536
        },
        {
            "name": "家政服務",
            "value": 108
        },
        {
            "name": "攝影服務",
            "value": 49
        },
        {
            "name": "搬家服務",
            "value": 38
        },
        {
            "name": "物業維修",
            "value": 37
        },
        {
            "name": "婚慶服務",
            "value": 24
        },
        {
            "name": "二手回收",
            "value": 24
        },
        {
            "name": "鮮花配送",
            "value": 3
        },
        {
            "name": "維修服務",
            "value": 3
        },
        {
            "name": "殯葬服務",
            "value": 1
        },
        {
            "name": "求職創業",
            "value": 874
        },
        {
            "name": "創業",
            "value": 363
        },
        {
            "name": "目標職位",
            "value": 162
        },
        {
            "name": "目標行業",
            "value": 50
        },
        {
            "name": "兼職",
            "value": 21
        },
        {
            "name": "指望年薪",
            "value": 20
        },
        {
            "name": "實習",
            "value": 16
        },
        {
            "name": "僱主類型",
            "value": 10
        },
        {
            "name": "星座運勢",
            "value": 789
        },
        {
            "name": "星座",
            "value": 316
        },
        {
            "name": "算命",
            "value": 303
        },
        {
            "name": "解夢",
            "value": 196
        },
        {
            "name": "風水",
            "value": 93
        },
        {
            "name": "面相分析",
            "value": 47
        },
        {
            "name": "手相",
            "value": 32
        },
        {
            "name": "公益",
            "value": 90
        }
    );
    // 人像的base64編碼
        image1= "data:image/png;base64,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"
    
        var maskResource = new Image()
        maskResource.src=image1;
        var option ={
            //設置標題，居中顯示
            title:{
                text: 'E詞雲圖',
                left:'center',
             },
            //數據能夠點擊
            tooltip:{

            },

            series:[
                {
                    maskImage:maskResource,
                    //詞的類型
                    type: 'wordCloud',
                    //設置字符大小範圍
                    sizeRange:[6,78],
                    rotationRange:[-45,90],
                    textStyle: {
                        normal:{
                            //生成隨機的字體顏色
                            color:function () {
                                return 'rgb(' + [
                                    Math.round(Math.random() * 160),
                                    Math.round(Math.random() * 160),
                                    Math.round(Math.random() * 160)
                                ].join(',')+')';

                            }
                        }

                    },
                    //不要忘記調用數據
                       data:jsonlist

                 }
            ]

        };
        //加載圖像，將數據放在圖像中
        maskResource.onload = function(){
            mycharts.setOption(option)

            };
    </script>

</body>
</html>
相關標籤/搜索
每日一句
每一个你不满意的现在，都有一个你没有努力的曾经。