Echarts词云图

水果店词云图

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>ECharts</title><!-- 引入 echarts.js --><script src="../echarts.js"></script><!-- 引入echarts-wordcloud.js--><script src="../echarts-wordcloud.js"></script>
</head>
<body><!-- 为ECharts准备一个具备大小（宽高）的Dom --><div id="main" style="width: 600px;height:400px;"></div><script type="text/javascript">// 基于准备好的dom，初始化echarts实例var myChart = echarts.init(document.getElementById('main'));// 指定图表的配置项和数据
var option = {tooltip: {show: true},series: [{type: "wordCloud",        //词云图gridSize:6,               //词的间距shape:'circle',           //词云形状sizeRange: [24, 60],      //词云大小范围width:1800,                //词云显示宽度height:1600,               //词云显示高度textStyle: {normal: {color: function() {     //词云的颜色随机return 'rgb(' + [Math.round(Math.random() * 160),Math.round(Math.random() * 160),Math.round(Math.random() * 160)].join(',') + ')';}},emphasis: {shadowBlur: 50,         //阴影的模糊等级shadowColor: '#333'     //鼠标悬停在词云上的阴影颜色}},data: [{name: " 新鲜水果",value: 32},{name: " 美味",value: 30},{name: " 健康",value: 30},{name: " 维生素",value: 28},{name: " 西瓜",value: 26},{name: " 樱桃",value: 24},{name: " 桃子",value: 24},{name: " 甜瓜",value: 22},{name: " 香蕉",value: 22},{name: " 苹果",value: 22},{name: " 梨子",value: 22},{name: " 荔枝",value: 20},{name: " 葡萄",value: 20},{name: " 杨梅",value: 20},],}]
};// 使用刚指定的配置项和数据显示图表。myChart.setOption(option);</script>
</body>
</html>

Echarts词云图相关推荐

echarts 词云图使用 + vue
介绍根据自己定义Echarts词云图背景图,词云图可方便的对词组进行可视化的显示. 效果图一安装 npm install echarts-wordcloud 注意Echarts5.0的版本要对应 ...
关于Echarts词云图自定义形状如何实现
关于Echarts词云图如何实现自定义形状文章目录关于Echarts词云图如何实现自定义形状前言一.前期准备二.形成步骤 1.转化图片为base64 2.填入代码,实现形状前言因为这段时 ...
echarts词云图形状_使用pyecharts绘制词云图-淘宝商品评论展示
一.什么是词云图? 词云图是一种用来展现高频关键词的可视化表达,通过文字.色彩.图形的搭配,产生有冲击力地视觉效果,而且能够传达有价值的信息. 制作词云图的网站有很多,简单方便,适合小批量操作. BI ...
echarts词云图实现
先看效果先装所需的依赖 npm i echarts npm i echarts-wordcloud 这里我写成了一个组件,在项目多个地方使用 <template> <div> ...
echarts词云图形状_怎么用Python画出好看的词云图？
相信很多人在第一眼看到下面这些图时,都会被其牛逼的视觉效应所吸引,这篇文章就教大家怎么用Python画出这种图. 前期准备上面的这种图叫做词云图,主要用途是将文本数据中出现频率较高的关键词以可视化的 ...
echarts词云图形状_用Wordcloud生成指定形状的词云图
wordcloud是Python扩展库中一种将词语用图片表达出来的一种形式,通过词云生成的图片,我们可以更加直观的看出某篇文章的故事梗概. 首先贴出一张词云图(以哈利波特小说为例): 在生成词云图之前 ...
echarts词云图形状_用Python 3.8绘制词云图就这么20行代码
艾莎为了寻找父母遇难的真相,以及自己魔力的来源,她与安娜.克斯托夫.驯鹿斯特与雪宝一行远走阿伦戴尔王国,去北方寻找这两个问题的答案,途中发生了一些冒险故事-- 电影<冰雪奇缘2>无论是美轮 ...
echarts词云图形状_词云图在自然语言中的应用，可以如此炫酷！
词云图,也叫文字云,是对文本中出现频率较高的"关键词"予以视觉化的展现,词云图过滤掉大量的低频低质的文本信息,使得浏览者只要一眼扫过文本就可领略文本的主旨. 一.在线生成词云图 1 ...
echarts词云图显示不全和少词问题
显示不全是单词超出画布范围词云插件默认超出不显示解决方法:设置属性:drawOutOfBound:true 这样即使超出范围的内容也会显示出来少词问题情景:大屏电脑切换到小屏和缩放页面时单词概 ...

Echarts词云图

水果店词云图

Echarts词云图相关推荐

最新文章

热门文章