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

需要引入echars 4.0以下的插件，4.0插件字体颜色不能设置
   <script src="js/echarts/echarts.min-3.6.2.js"></script>
   
   <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);}

echars 字符云效果，echars字符云颜色问题相关推荐

《Linux内核剖析》（Yanlz+VR云游戏+Unity+SteamVR+云技术+5G+AI+Makefile+块设备驱动+字符设备驱动+数学协处理器+文件系统+内存管理+GDB+立钻哥哥+==）
<Linux内核剖析> <Linux内核剖析> 版本作者参与者完成日期备注 YanlzLinux_Kernel0.12_V01_1.0 严立钻 2020.02.06 # ...
python怎么设置文字云_超燃的文字云效果，用Python就能轻松get！
原标题:超燃的文字云效果,用Python就能轻松get! 本文转载自公众号:数据森麟(ID:shujusenlin) 作者:叶庭云链接:https://blog.csdn.net/fyfugoyfa ...
用D3.js 十分钟实现字符跳动效果
用D3.js 十分钟实现字符跳动效果注本文基于 D3.js 作者 Mike Bostock 的例子原文分为三部分, 在这里笔者将其整合为了一篇方便阅读. 该效果基于 D3.js, 主要使用到了 ...
仅使用HTML和CSS实现的标签云效果
标签云的效果在博客和网站上不难见到,它其实就是带有超链接的某些关键字,为了达到强调主题的作用.通常出现概率比较大或者受欢迎的标签文字显示比较大,相反的就显示的小. 来源于TagCrowd.com 我们 ...
js添加class_用D3.js 十分钟实现字符跳动效果
用D3.js 十分钟实现字符跳动效果注本文基于 D3.js 作者 Mike Bostock 的例子原文分为三部分, 在这里笔者将其整合为了一篇方便阅读. 该效果基于 D3.js, 主要使用到了 ...
3D标签云效果的实现
一．关于3D标签云 TagCloudView是一个完全基于Android ViewGroup编写的控件,支持将一组View展示为一个3D标签云,并支持全方向滚动. GitHub中的链接地址:https ...
html页面文字随机效果,教你用javascript实现随机标签云效果_附代码
标签云是一套相关的标签以及与此相应的权重.典型的标签云有30至150个标签.权重影响使用的字体大小或其他视觉效果.同时,直方图或饼图表是最常用的代表约12种不同的权数.因此,标签云彩能代表更多的权,尽 ...
前端如何实现词云效果？
使用 WordCloud 对象进行词云的生成和渲染.其中,第一个参数是上一步中创建的容器元素,第二个参数是一个设置选项的对象,其中 list 属性是一个按照 [ ['foo', 12], ['bar' ...
【Unity】带有字符淡入效果的TextMeshPro打字机效果组件
[Unity]带有字符淡入效果的TextMeshPro打字机效果组件在TextMeshPro中,可以通过 TMP_Text.maxVisibleCharacters 属性控制可见字符的个数,实现简单 ...
基于纯 CSS3 技术实现美观的标签云效果
标签云是博客的标配功能,能够清晰的呈现博客的各个关键词和主题.在这个效果中,您将学习如何使用 CSS3 技术创建一个效果精美的标签云效果. 作为实验项目,使用了 CSS3 渐变,阴影和最重要的的 CS ...

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

echars 字符云效果，echars字符云颜色问题相关推荐

最新文章

热门文章