【Echarts】使用echarts和echarts-wordcloud生成词云图

一、下载echarts和echarts-wordcloud

地址：https://download.csdn.net/download/qq_25285531/88663006

可直接下载放在项目中使用

二、词云数据

词云数据是对象的格式，可以从后端获取，这里以下面数据为例

$list3 = array(
	array('name' => '粉丝团', 'value' => '8'),
	array('name' => '发热我', 'value' => '15'),
	array('name' => '天', 'value' => '54'),
	array('name' => '人', 'value' => '83'),
	array('name' => '太热', 'value' => '15'),
	array('name' => 't热', 'value' => '11'),
	array('name' => '特瑞', 'value' => '65'),
	array('name' => '太热', 'value' => '65'),
	array('name' => '亚特人团', 'value' => '65'),
	array('name' => '东方化工', 'value' => '57'),
	array('name' => 'h规范', 'value' => '15'),
	array('name' => 'h规范', 'value' => '95'),
	array('name' => '粉丝团', 'value' => '90'),
	array('name' => '好地方', 'value' => '54'),
	array('name' => '给太热', 'value' => '70'),
	array('name' => '依托', 'value' => '50'),
	array('name' => 'y太热', 'value' => '58'),
	array('name' => '梵蒂冈', 'value' => '88'),
	array('name' => 'y他', 'value' => '11'),
	array('name' => '要让他', 'value' => '21'),
	array('name' => '和', 'value' => '92'),
	array('name' => '粉广泛的丝团', 'value' => '85'),
	array('name' => 'iuy', 'value' => '8'),
	array('name' => '广泛大概', 'value' => '58'),
	array('name' => 'g放到', 'value' => '75'),
	array('name' => '范德萨范德萨', 'value' => '55'),
	array('name' => 'g放到', 'value' => '12'),
	array('name' => 'r二维图', 'value' => '25'),
	array('name' => '吧v', 'value' => '15'),
	array('name' => '哦iu有', 'value' => '75'),
	array('name' => '哦iu有', 'value' => '65'),
	array('name' => '广泛的', 'value' => '5'),
	array('name' => 't热天坛人', 'value' => '55'),
	array('name' => '发大水了', 'value' => '15'),
	array('name' => 't热', 'value' => '5'),
	array('name' => '范德萨', 'value' => '25'),
	array('name' => '范德萨', 'value' => '55'),
	array('name' => 'rfew ', 'value' => '25'),
	array('name' => 'fgd ', 'value' => '35'),
	array('name' => 'hgf', 'value' => '95'),
	array('name' => '个人', 'value' => '85'),
	array('name' => 'y他', 'value' => '5'),
	array('name' => '范德萨', 'value' => '84'),
	array('name' => ' 也让', 'value' => '18'),
	array('name' => '范德萨', 'value' => '19'),
	array('name' => '烦烦烦', 'value' => '62'),
);

三、生成词云

可以根据属性去修改词云的配置项，以达到自己想要的效果

四、效果图

不同的数值用不同的颜色标识