zoukankan      html  css  js  c++  java
  • 软工超越日报-热词云图 5/6

    function colud(doap){
                chart = echarts.init(document.getElementById('helloword'));
                var maskImage = new Image();
                maskImage.src = './logo.png';
    
                var option = {
                    tooltip: {},
                    series: [ {
                        type: 'wordCloud',
                        gridSize: 0,
                        sizeRange: [10,25],
                        rotationRange: [-80, 80],
                        shape: 'pentagon',
                        drawOutOfBound: false,
                        textStyle: {
                            color: function () {
                                return 'rgb(' + [
                                    Math.round(Math.random() * 160),
                                    Math.round(Math.random() * 160),
                                    Math.round(Math.random() * 160)
                                ].join(',') + ')';
                            }
                        },
                        emphasis: {
                            show:true,
                            textStyle:{
                                fontSize:30,
                                fontWeight:'bold'
                            }
                        },
                            data:doap
                        } ]
                    };
                option.series[0].maskImage;
                chart.setOption(option);
                
                chart.on('click', function (params) {          //点击事件
                    var str_p = params.data.name;
                    var str_v = params.data.value;
                    console.log(str_p);
                    bench(ids);
                    ids.push(str_p);
                    rench(str_p);
                    var sp = document.getElementById(str_p).parentNode.parentNode;
                    sp.scrollTop = 1800;
                    kewords("iccvtable",str_p);
                    kewords("eccvtable",str_p);
                    kewords("cvrptable",str_p);
                    changetitle();
                });
            }            

    最后的效果大概是这种感觉:

  • 相关阅读:
    【Redis】跳跃表原理分析与基本代码实现(java)
    小鹤音形指引
    Maven
    算法思维(长期更)
    多路平衡树之红黑树
    多路平衡树之B树
    多路平衡树之2-3查找树
    栈与队列
    树基本概念
    Vue学习
  • 原文地址:https://www.cnblogs.com/Sakuraba/p/14910490.html
Copyright © 2011-2022 走看看