imooc3技术关键词学习热度

by lai chendong

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/2.2.7/echarts-all.js"></script>

JavaScript

/**
 * 文字云
 * @param title
 * @param data
 * @constructor
 */
function WordCloud(title, data) {
    this.title = title;
    this.data = data;

    this.render = function () {
        var div = document.createElement("div");
        div.setAttribute('style', 'height:500px;margin-bottom:20px');
        document.body.appendChild(div);
        var myChart = echarts.init(div,'macarons');
        option = {
            title: {text: this.title, x: 'center'},
            tooltip: {
                show: true
            },
            series: [{
                name: this.title,
                type: 'wordCloud',
                size: ['80%', '80%'],
                textRotation: [0, 45, 90, -45],
                textPadding: 0,
                autoSize: {
                    enable: true,
                    minSize: 14
                },
                data: this.data
            }]
        };
        myChart.setOption(option);
    }

}
new WordCloud('技术关键词学习热度', [{'name': 'Java', 'value': 4179117, 'itemStyle': {'normal': {'color': 'rgb(196,254,221)'}}}, {'name': 'Android', 'value': 3029754, 'itemStyle': {'normal': {'color': 'rgb(80,16,244)'}}}, {'name': 'JavaScript', 'value': 2750300, 'itemStyle': {'normal': {'color': 'rgb(93,254,295)'}}}, {'name': 'PHP', 'value': 2154180, 'itemStyle': {'normal': {'color': 'rgb(122,82,134)'}}}, {'name': 'HTML/CSS', 'value': 2087685, 'itemStyle': {'normal': {'color': 'rgb(243,176,86)'}}}, {'name': 'CSS3', 'value': 1215978, 'itemStyle': {'normal': {'color': 'rgb(257,109,242)'}}}, {'name': '设计工具', 'value': 891231, 'itemStyle': {'normal': {'color': 'rgb(138,14,164)'}}}, {'name': '前端工具', 'value': 853412, 'itemStyle': {'normal': {'color': 'rgb(151,222,76)'}}}, {'name': 'Linux', 'value': 826515, 'itemStyle': {'normal': {'color': 'rgb(33,67,8)'}}}, {'name': 'Html5', 'value': 793161, 'itemStyle': {'normal': {'color': 'rgb(92,19,152)'}}}, {'name': 'iOS', 'value': 792191, 'itemStyle': {'normal': {'color': 'rgb(178,106,121)'}}}, {'name':...