html word cloud,word_cloud.html

佛山新闻热词

body,

html {

width: 100%;

height: 100%;

margin: 0;

font-family: "微软雅黑";

}

$(document).ready(function(){

var getDataURL = 'http://172.16.8.85/hot_word?count=25&exclude=佛山,佛山市,活动,开展,项目,进行,广东,推进,中国,南海,顺德,高明,三水,高明区,三水区,顺德区'

$.ajax({

url: getDataURL,

useDefaultXhrHeader: false, //important, otherwise its not working

type: "GET",

//dataType: "json",

success: function(response, opts) {

var wordFreqs = response.data;

var wordFreqData = new Array();

for (var i = 0; i < wordFreqs.length; i++) {

var option = [wordFreqs[i].Key, wordFreqs[i].Value];

wordFreqData.push(option);

}

var canvas = document.getElementById('canvas');

var options = eval({

"list": wordFreqData,//或者[['各位观众',45],['词云', 21],['来啦!!!',13]],只要格式满足这样都可以

"gridSize": 50, // 密集程度 数字越小越密集

"weightFactor": 1.5, // 字体大小=原始大小*weightFactor

"maxFontSize": 20, //最大字号

"minFontSize": 10, //最小字号

"fontWeight": 'normal', //字体粗细

"fontFamily": '微软雅黑, serif', // 字体

"color": 'random-light', // 字体颜色 'random-dark' 或者 'random-light'

"backgroundColor": 'rgba(255,255,255,0)', // 背景颜色

"rotateRatio": 0 // 字体倾斜(旋转)概率，1代表总是倾斜(旋转)

});

//生成

WordCloud(canvas, options);

}

})

})

一键复制

编辑

Web IDE

原始数据

按行查看

历史