寒假学习进度-11(词云图的使用)

1.

词云图属于 echarts 的扩展。如果想用 echarts 画词云图,需要另外引入

echarts-wordcloud.min.js。可以从 echarts 官网的下载-》扩展下载中找到。

点进去就是字符云的 github 库,在这里下载 echarts-wordcloud.min.js

示例:

<html>
    <head>
        <meta charset="utf-8">
        <script src=‘https://cdn.bootcss.com/echarts/3.7.0/echarts.simple.js‘></script>
        <script src=‘dist/echarts-wordcloud.js‘></script>
    </head>
    <body>
        <style>
            html, body, #main {
                width: 100%;
                height: 100%;
                margin: 0;
            }
        </style>
        <div id=‘main‘></div>
        <script>
            var chart = echarts.init(document.getElementById(‘main‘));

            var option = {
                tooltip: {},
                series: [ {
                    type: ‘wordCloud‘,
                    gridSize: 2,
                    sizeRange: [12, 50],
                    rotationRange: [-90, 90],
                    shape: ‘pentagon‘,
                    width: 600,
                    height: 400,
                    drawOutOfBound: true,
                    textStyle: {
                        normal: {
                            color: function () {
                                return ‘rgb(‘ + [
                                    Math.round(Math.random() * 160),
                                    Math.round(Math.random() * 160),
                                    Math.round(Math.random() * 160)
                                ].join(‘,‘) + ‘)‘;
                            }
                        },
                        emphasis: {
                            shadowBlur: 10,
                            shadowColor: ‘#333‘
                        }
                    },
                    data: [
                        {
                            name: ‘Sam S Club‘,
                            value: 10000,
                            textStyle: {
                                normal: {
                                    color: ‘black‘
                                },
                                emphasis: {
                                    color: ‘red‘
                                }
                            }
                        },
                        {
                            name: ‘Macys‘,
                            value: 6181
                        },
                        {
                            name: ‘Amy Schumer‘,
                            value: 4386
                        },
                        {
                            name: ‘Jurassic World‘,
                            value: 4055
                        },
                        {
                            name: ‘Charter Communications‘,
                            value: 2467
                        },
                        {
                            name: ‘Chick Fil A‘,
                            value: 2244
                        },
                        {
                            name: ‘Planet Fitness‘,
                            value: 1898
                        },
                        {
                            name: ‘Pitch Perfect‘,
                            value: 1484
                        },
                        {
                            name: ‘Express‘,
                            value: 1112
                        },
                        {
                            name: ‘Home‘,
                            value: 965
                        },
                        {
                            name: ‘Johnny Depp‘,
                            value: 847
                        },
                        {
                            name: ‘Lena Dunham‘,
                            value: 582
                        },
                        {
                            name: ‘Lewis Hamilton‘,
                            value: 555
                        },
                        {
                            name: ‘KXAN‘,
                            value: 550
                        },
                        {
                            name: ‘Mary Ellen Mark‘,
                            value: 462
                        },
                        {
                            name: ‘Farrah Abraham‘,
                            value: 366
                        },
                        {
                            name: ‘Rita Ora‘,
                            value: 360
                        },
                        {
                            name: ‘Serena Williams‘,
                            value: 282
                        },
                        {
                            name: ‘NCAA baseball tournament‘,
                            value: 273
                        },
                        {
                            name: ‘Point Break‘,
                            value: 265
                        }
                    ]
                } ]
            };

            chart.setOption(option);

            window.onresize = chart.resize;
        </script>
    </body>
</html>

属性介绍:

type - 值为 ‘wordCloud‘ 表示画词云图

shape - 词云图词条聚集的形状(难以表述,看图吧),可选项有:circle、cardioid、diamond、triangle-forward、triangle

maskImage - 指定词云图的外形,这里需要传一个形状图片。图标库地址 https://www.iconfont.cn/

data - 词云图的数据数组

rotationRange 和 rotationStep  -  词条旋转范围和步长

gridSize -  词条间的空隙大小,数值越大,间隔越大。

top, bottom, left, right  - 词云图的位置

width, height - 词云图占容器的大小

textStyle - 词条样式

原文地址:https://www.cnblogs.com/liujinxin123/p/12283404.html

时间: 2024-10-13 21:11:47

寒假学习进度-11(词云图的使用)的相关文章

寒假学习进度-12(热词展示)

1.列表 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@page import="dao.*" %> <%@page import="bean.*" %> <%@page import="java.sql.Timestamp

寒假学习进度02

日期:2020.01.15 博客期:124 星期三 嗯,把这几天学习进度汇总一下: 1.CSV文件.XML文件.JSON文件的处理整合 这一部分详细的让我明天把博客整理出来,你们就能看到了,不过这一部分代码,借鉴了好多其他博主的,我在此声明一下:数据的文件读写部分(除CSV文件外,其余两个)不是本博主原创,剩下的这三者之间的转换和前面构造好的BeanGroup类型的相互转换是自己写的.嗯,具体看下一篇博客吧! 2.数据爬取详细信息 嗯,爬取的话,现在是只能爬取一页上的所有信息,没能做到页面跳转继

2020年寒假学习进度(一)

由于下学期就要进行毕业设计答辩,打算这个寒假在家先继续巩固知识和学习新的技术要点,然后着力进行毕业设计的开发. 今天主要复习了一些关于javaweb的内容,总结如下: (1)WEB,也就是网页的意思,它用于表示Internet主机上供外界访问的资源.常用动态web资源开发技术:JSP/Servlet.ASP.PHP等 本人主要学习java运用于web开发的重要技术在Java中,动态web资源开发技术统称为Javaweb. (2)servlet/jsp: 这是SUN公司(SUN现在已经被Oracl

寒假学习进度三——安卓的一些基本组件

今天主要学习了安卓一些简单的组件,前两天都是按照案例(demo)敲的,对其中用到的组件不是特别的了解. TextView(文本框组件):主要用来显示文字的一些信息.通过修改TextView的属性可以改变文字的颜色,大小,位置.这个组件较比较简单,容易上手.这里就不过多叙述了. Button(按钮):是程序用于和用户进行交互的一个重要控件.Android Studio会对Button中的所有英文字母自动进行大写转换,你可以使用将textAllCaps属性改为false来禁用这一默认特性. Edit

2020年寒假学习进度第十天

今天主要学习了实验 7 Spark 机器学习库 MLlib 编程实践, 主要代码: import org.apache.spark.ml.feature.PCA import org.apache.spark.sql.Row import org.apache.spark.ml.linalg.{Vector,Vectors} import org.apache.spark.ml.evaluation.MulticlassClassificationEvaluator import org.apa

寒假学习进度二

回家之后还是一如既往的一堆活需要干,前天写完进度二没有保存,就没有再发. 所以我从新捋一下思路,记得上次的内容有一个点,我相信初学linux 的同学都会有这个问题-----在linux 的系统中要配置hadoop首先会有配置文件内容这一步骤.然而Linux操作系统中文件的修改方式是完全不同于windows的. 以下是ubuntu中使用vi 命令修改文件并保存的实例: https://blog.csdn.net/guoqingshuang/article/details/81137587 我也是翻

寒假学习进度(一)

毕业设计进度: 今天毕业设计没有进行新功能的实现,改进了一下原有的安全帽和未佩戴安全帽的人数统计功能,使之更加符合现实中的工程要求.原有的人数统计是 统计每一帧中的佩戴安全帽的人和未佩戴安全帽的人,在每一帧中实时更新显示.但是这种人数统计没有多大意义,真正的统计,应该是统计给出一段视 频中的总佩戴人数和未佩戴人数,这种统计才符合现实中的工程要求. 但是要完成这却有不小难度,现在的深度学习检测识别算法都是将视频逐渐分解成每一帧,识别每一帧中的内容,但是怎样判断上下相连接的帧中相同物体 和不同物体的

寒假学习进度3

今天主要完成了pyqt库及相应工具的安装,以及简单的实现了界面功能. 开发工具IDE选择pycharm,因为之前就进行过python爬虫学习,所以IDE早就以及安装配置好了. 还有一点需要提的就是pyqt提供一个可视化工具叫QTDesigner,就像我们之前做过的C#一样,直接拖动控件完成界面布局就可以,省时间又省力气. 大致界面如下: 明天就要开始看考研网课了,界面开发可以先放一放. 原文地址:https://www.cnblogs.com/Aduorisk/p/12250056.html

寒假学习进度01

常见的推荐系统的模型:协同过滤推荐模型.基于内容的推荐模型和混合推荐模型 推荐算法: 1) 基于流行度的算法 比如各种新闻,微博热榜,根据单页点阅率(PV),“访问次数”和“独立访客数(UV),或日均PV或收藏数等数据来按某种热度排序来推荐.这用于刚注册的用户,它无法针对用户进行个性化推荐. 2)协同过滤算法 分为基于用户和基于物品的算法,基于用户的原理:①.分析各个用户对item的评价(通过浏览记录.购买记录等)②依据用户对item的评价计算得出所有用户之间的相似度:③选出与当前用户最相似的N