echars 字符云效果,echars字符云颜色问题

 

 

需要引入echars 4.0以下的插件,4.0插件字体颜色不能设置 
    <script src="js/echarts/echarts.min-3.6.2.js"></script>
    <!-- echarts 词云 -->
    <script src="js/echarts/echarts-wordcloud.min.js"></script>

 	// Word Cloud 词云展示
 	function wordCloud(){

 		var data = [{
            "name": "西安奔驰店",
            "value": 1446
        },
        {
            "name": "奔驰漏机油",
            "value": 928
        },
        {
            "name": "女研究生",
            "value": 906
        },
        {
            "name": "狗狗",
            "value": 125
        },
        {
            "name": "猫猫",
            "value": 925
        },
        {
            "name": "沙发",
            "value": 625
        },
        {
            "name": "回家",
            "value": 825
        },
        {
            "name": "电影",
            "value": 825
        },
        {
            "name": "电视",
            "value": 1825
        }, 
        {
            "name": "手机",
            "value": 825
        },
        {
            "name": "电视",
            "value": 825
        },
        {
            "name": "px4",
            "value": 825
        },

        {
            "name": "Lover Boy 88",
            "value": 514
        }]

		var wordcloudColor =['#ff85c0', '#b37feb', '#85a5ff', '#69c0ff', '#5cdbd3', '#95de64', '#d3f261', '#fff566', '#ffd666', '#ffc069', '#ff9c6', '#ff7875', '#97dcfc', '#ffa4a4', '#a09af5', '#e99af5', '#91e4f2', '#91f291', '#dcf299', '#fad4a0'];
 		 
  		var word_cloud = echarts.init(document.getElementById('word_cloud')); 
		

		var option = {
		    title: {
		        // text: 'Google Trends',
		        // link: 'http://www.google.com/trends/hottrends'
		    },
		    // tooltip: {
		    //     show: true
		    // },
		    color:wordcloudColor,
		    series: [{
		        type: 'wordCloud',
		        size: ['100%', '100%'],
		        sizeRange: [12, 50],
		        rotationRange: [0, 0],
		        shape: 'circle',
		        textPadding: 0,
		        textStyle: {
		             normal: {
		                color: function(v) {
		                    let color = ['#ac32e4',"#5b40ff","#7e7e7e",'#ac32e4',"#5b40ff","#7e7e7e",'#ac32e4',"#5b40ff","#7e7e7e"]
		                     let num =Math.floor(Math.random() * (3));
		                    return color[num];
		                },
		            },
		        },
		        autoSize: {
		            enable: true,
		            minSize: 14
		        }, 
		        data: data
		    }]
		};
                    
 		word_cloud.setOption(option);
 	}
 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值