Toggle navigation
test
By
垃***器
2019-08-13 11:58:34
脚本
16
21
作品使用的第三方脚本
https://cdn.rawgit.com/ecomfe/echarts-wordcloud/833ed011/dist/echarts-wordcloud.min.js
数据管理
上传数据
支持小于 5M 任意格式（csv, xlsx, json, xml, ...）的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意？你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
$.get('data/asset/data/life-expectancy-table.json', function (data) { var worddata = [ ["gna", "-0.035905", "0.002209", "-0.015315"], ["zweites", "-0.025823", "-0.006780", "0.011724"], ["keweenaw", "-0.021058", "-0.010679", "-0.004187"], ["misreading", "-0.030361", "0.002338", "-0.001213"], ["isleofman", "-0.011365", "-0.011155", "0.001345"], ["doubts", "-0.003093", "0.002143", "0.008387"], ["mongus", "-0.022055", "0.016065", "-0.006209"], ["solitary", "-0.014913", "0.001220", "-0.007663"], ["sheahen", "0.016099", "-0.004453", "-0.005072"], ["sipher", "-0.034139", "-0.005816", "-0.002514"], ["detlev", "-0.015601", "-0.008360", "0.006073"], ["minuteness", "-0.008098", "-0.006130", "-0.017807"], ["seele", "-0.032885", "-0.001934", "-0.003763"], ["aldoses", "-0.023707", "-0.012010", "-0.008682"], ["squinting", "-0.046406", "-0.006852", "-0.004316"], ["maglemosian", "-0.028395", "-0.006637", "-0.006153"], ["defiling", "-0.030487", "0.002074", "-0.010580"], ["autogenocide", "0.042306", "-0.022513", "0.025338"], ["bacille", "-0.030313", "0.004614", "-0.003864"], ["cantillon", "-0.002450", "0.022366", "0.029641"], ["yrz", "-0.042292", "-0.013650", "-0.008609"], ["bradymetabolism", "-0.013725", "0.005759", "-0.002311"], ["noh", "0.007783", "-0.002498", "-0.001322"], ["wart", "-0.028592", "0.004702", "0.005707"], ["dacier", "-0.025127", "-0.004163", "0.008243"], ["yatai", "0.125539", "-0.054987", "0.002765"], ["leonwood", "-0.000701", "-0.001416", "0.009819"], ["baocheng", "-0.053537", "-0.018568", "-0.003648"], ["pembrok", "-0.035359", "0.002876", "0.005208"], ["furgora", "0.061945", "0.037002", "-0.028765"], ["zulilu", "0.445174", "-0.123753", "0.084157"], ["besoin", "-0.032303", "-0.009584", "-0.008748"], ["adduct", "-0.025861", "0.003146", "-0.004628"], ["malmberg", "-0.037584", "-0.000330", "-0.001091"], ["oengusa", "-0.024094", "0.006664", "-0.004581"], ["stense", "0.020619", "0.027079", "0.025596"], ["ontarian", "-0.029444", "-0.002857", "-0.002818"], ["hyssop", "-0.008436", "0.011204", "-0.001263"], ["liuhard", "0.001842", "-0.005039", "-0.005138"], ["cinerea", "-0.024362", "0.000714", "-0.011925"], ["airscan", "-0.024331", "-0.002482", "-0.000617"], ["ydowska", "0.080178", "0.030835", "-0.014711"], ["thacker", "0.012916", "0.008825", "0.001168"], ["connexxion", "-0.043191", "-0.002119", "0.000413"], ["praga", "-0.027525", "-0.002720", "-0.000895"], ["giantesses", "-0.018537", "-0.007368", "-0.005750"], ["bhattis", "-0.035829", "-0.006542", "-0.005473"], ["margins", "0.011720", "0.028203", "0.016211"], ["tarnegol", "-0.028130", "-0.002245", "-0.005392"], ["hinamatsuri", "-0.028398", "-0.001237", "-0.005470"], ["kenny", "-0.038110", "-0.004964", "-0.005977"], ["nunn", "-0.008793", "-0.004363", "-0.006851"], ["elphame", "0.009466", "0.003852", "0.005326"], ["eurasianism", "-0.022075", "-0.004222", "-0.000517"], ["clarify", "-0.028613", "-0.006306", "-0.001771"], ["shortlived", "-0.002680", "0.004566", "0.001118"], ["shah", "-0.039947", "0.004423", "-0.005600"], ["alhaje", "-0.028986", "-0.006297", "-0.005375"], ["footstompin", "-0.031106", "-0.003569", "-0.010861"], ["retorica", "-0.020102", "0.004061", "0.001951"], ["heut", "-0.034969", "-0.002273", "-0.002033"], ["calculus", "-0.017439", "0.001509", "0.012310"], ["agbome", "-0.027789", "0.003776", "0.000285"], ["brs", "-0.006290", "0.006228", "0.005799"], ["hangetsu", "-0.028136", "-0.008223", "-0.003797"], ["elitist", "0.282330", "0.057619", "0.280473"], ["nietzsche", "0.259769", "0.014907", "-0.109952"], ["petm", "-0.001432", "0.041018", "0.043813"], ["isamuddin", "-0.027273", "-0.007864", "-0.001445"], ["jcik", "-0.024908", "-0.001388", "0.001630"], ["carignan", "-0.016678", "-0.006626", "-0.002244"], ["eadgyth", "-0.028539", "-0.000292", "-0.006035"], ["holmdel", "-0.029182", "-0.007119", "-0.004322"], ["cdemusic", "-0.026688", "-0.008006", "-0.008015"], ["dresner", "-0.020698", "0.011893", "0.002749"], ["yield", "0.178500", "0.000292", "-0.072203"], ["menad", "-0.014748", "-0.008503", "-0.013757"], ["came", "-0.039504", "-0.002500", "0.001691"], ["reschke", "0.196253", "-0.248035", "-0.080905"], ["tinsmith", "-0.036103", "-0.003556", "-0.008069"], ["sorbets", "-0.042408", "-0.006005", "-0.000898"], ["sarcopterygii", "-0.037099", "-0.001529", "-0.004396"], ["chydenius", "-0.039150", "0.000194", "-0.000765"], ["lindau", "0.071129", "0.008264", "-0.004014"], ["alfama", "-0.035690", "-0.002871", "-0.008767"], ["ond", "-0.036507", "-0.004449", "-0.002509"], ["nrdna", "0.000614", "0.008007", "0.002439"], ["ayatollahs", "0.307384", "-0.285874", "0.309582"], ["ndervold", "-0.017171", "-0.005862", "0.002688"], ["barbette", "-0.031093", "0.000277", "-0.007487"], ["immigration", "0.003070", "-0.008523", "-0.012391"], ["jeyaraj", "-0.004787", "-0.021270", "0.017002"], ["uskoreniye", "0.196652", "0.081954", "-0.100967"], ["auvergne", "-0.035419", "-0.004405", "-0.007922"], ["machiques", "0.015238", "0.049980", "0.040386"], ["wettach", "-0.029878", "-0.009888", "0.004311"], ["borneo", "0.008305", "-0.030513", "0.039540"], ["hexahydrate", "-0.035017", "-0.003711", "-0.002506"], ["leprosa", "-0.011657", "-0.003475", "-0.011335"], ["radhika", "-0.038951", "-0.007395", "0.000640"] ]; worddata = worddata.map(item => { return [Number(item[1]) * 10000, Number(item[2]) * 10000, Number(item[3]) * 10000, item[0]]; }) console.log(worddata); var sizeValue = '57%'; var symbolSize = 2.5; option = { tooltip: {}, grid3D: { width: '50%' }, xAxis3D: {}, yAxis3D: {}, zAxis3D: {}, grid: [ {left: '50%', width: '20%', bottom: sizeValue}, {left: '75%', width: '20%', bottom: sizeValue}, {left: '50%', width: '20%', top: sizeValue}, {left: '75%', width: '20%', top: sizeValue} ], xAxis: [ {type: 'value', gridIndex: 0, name: 'x', axisLabel: {rotate: 50, interval: 0}}, {type: 'value', gridIndex: 1, name: 'y', boundaryGap: false, axisLabel: {rotate: 50, interval: 0}}, {type: 'value', gridIndex: 2, name: 'z', axisLabel: {rotate: 50, interval: 0}}, {type: 'value', gridIndex: 3, name: 'word', axisLabel: {rotate: 50, interval: 0}} ], yAxis: [ {type: 'value', gridIndex: 0, name: 'y'}, {type: 'value', gridIndex: 1, name: 'z'}, {type: 'value', gridIndex: 2, name: 'x'}, {type: 'value', gridIndex: 3, name: 'word'} ], dataset: { dimensions: [ 'x', 'y', 'z', 'word', {name: 'Year', type: 'ordinal'} ], source: worddata }, series: [ { type: 'scatter3D', symbolSize: 3, encode: { x: 'x', y: 'y', z: 'z', tooltip: [0, 1, 2, 3, 4] } }, { type: 'scatter', symbolSize: symbolSize, xAxisIndex: 0, yAxisIndex: 0, encode: { x: 'x', y: 'y', tooltip: [0, 1, 2, 3, 4] } }, { type: 'scatter', symbolSize: symbolSize, xAxisIndex: 1, yAxisIndex: 1, encode: { x: 'y', y: 'z', tooltip: [0, 1, 2, 3, 4] } }, { type: 'scatter', symbolSize: symbolSize, xAxisIndex: 2, yAxisIndex: 2, encode: { x: 'z', y: 'x', tooltip: [0, 1, 2, 3, 4] } }, { type: "wordCloud", gridSize:6, shape:'diamond', sizeRange: [12, 50], 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: worddata.map(item => ({name: item[3], value: 1})) }, } ] }; myChart.setOption(option); });