1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786 |
- (function webpackUniversalModuleDefinition(root, factory) {
- if(typeof exports === 'object' && typeof module === 'object')
- module.exports = factory(require("echarts"));
- else if(typeof define === 'function' && define.amd)
- define(["echarts"], factory);
- else if(typeof exports === 'object')
- exports["echarts-wordcloud"] = factory(require("echarts"));
- else
- root["echarts-wordcloud"] = factory(root["echarts"]);
- })(self, function(__WEBPACK_EXTERNAL_MODULE_echarts_lib_echarts__) {
- return /******/ (() => { // webpackBootstrap
- /******/ "use strict";
- /******/ var __webpack_modules__ = ({
-
- /***/ "./index.js":
- /*!******************************!*\
- !*** ./index.js + 4 modules ***!
- \******************************/
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
- // ESM COMPAT FLAG
- __webpack_require__.r(__webpack_exports__);
-
- // EXTERNAL MODULE: external "echarts"
- var external_echarts_ = __webpack_require__("echarts/lib/echarts");
- ;// CONCATENATED MODULE: ./src/WordCloudSeries.js
-
-
- external_echarts_.extendSeriesModel({
- type: 'series.wordCloud',
-
- visualStyleAccessPath: 'textStyle',
- visualStyleMapper: function (model) {
- return {
- fill: model.get('color')
- };
- },
- visualDrawType: 'fill',
-
- optionUpdated: function () {
- var option = this.option;
- option.gridSize = Math.max(Math.floor(option.gridSize), 4);
- },
-
- getInitialData: function (option, ecModel) {
- var dimensions = external_echarts_.helper.createDimensions(option.data, {
- coordDimensions: ['value']
- });
- var list = new external_echarts_.List(dimensions, this);
- list.initData(option.data);
- return list;
- },
-
- // Most of options are from https://github.com/timdream/wordcloud2.js/blob/gh-pages/API.md
- defaultOption: {
- maskImage: null,
-
- // Shape can be 'circle', 'cardioid', 'diamond', 'triangle-forward', 'triangle', 'pentagon', 'star'
- shape: 'circle',
- keepAspect: false,
-
- left: 'center',
-
- top: 'center',
-
- width: '70%',
-
- height: '80%',
-
- sizeRange: [12, 60],
-
- rotationRange: [-90, 90],
-
- rotationStep: 45,
-
- gridSize: 8,
-
- drawOutOfBound: false,
- shrinkToFit: false,
-
- textStyle: {
- fontWeight: 'normal'
- }
- }
- });
-
- ;// CONCATENATED MODULE: ./src/WordCloudView.js
-
-
- external_echarts_.extendChartView({
- type: 'wordCloud',
-
- render: function (seriesModel, ecModel, api) {
- var group = this.group;
- group.removeAll();
-
- var data = seriesModel.getData();
-
- var gridSize = seriesModel.get('gridSize');
-
- seriesModel.layoutInstance.ondraw = function (text, size, dataIdx, drawn) {
- var itemModel = data.getItemModel(dataIdx);
- var textStyleModel = itemModel.getModel('textStyle');
-
- var textEl = new external_echarts_.graphic.Text({
- style: external_echarts_.helper.createTextStyle(textStyleModel),
- scaleX: 1 / drawn.info.mu,
- scaleY: 1 / drawn.info.mu,
- x: (drawn.gx + drawn.info.gw / 2) * gridSize,
- y: (drawn.gy + drawn.info.gh / 2) * gridSize,
- rotation: drawn.rot
- });
- textEl.setStyle({
- x: drawn.info.fillTextOffsetX,
- y: drawn.info.fillTextOffsetY + size * 0.5,
- text: text,
- verticalAlign: 'middle',
- fill: data.getItemVisual(dataIdx, 'style').fill,
- fontSize: size
- });
-
- group.add(textEl);
-
- data.setItemGraphicEl(dataIdx, textEl);
-
- textEl.ensureState('emphasis').style = external_echarts_.helper.createTextStyle(
- itemModel.getModel(['emphasis', 'textStyle']),
- {
- state: 'emphasis'
- }
- );
- textEl.ensureState('blur').style = external_echarts_.helper.createTextStyle(
- itemModel.getModel(['blur', 'textStyle']),
- {
- state: 'blur'
- }
- );
-
- external_echarts_.helper.enableHoverEmphasis(
- textEl,
- itemModel.get(['emphasis', 'focus']),
- itemModel.get(['emphasis', 'blurScope'])
- );
-
- textEl.stateTransition = {
- duration: seriesModel.get('animation')
- ? seriesModel.get(['stateAnimation', 'duration'])
- : 0,
- easing: seriesModel.get(['stateAnimation', 'easing'])
- };
- // TODO
- textEl.__highDownDispatcher = true;
- };
-
- this._model = seriesModel;
- },
-
- remove: function () {
- this.group.removeAll();
-
- this._model.layoutInstance.dispose();
- },
-
- dispose: function () {
- this._model.layoutInstance.dispose();
- }
- });
-
- ;// CONCATENATED MODULE: ./src/layout.js
- /*!
- * wordcloud2.js
- * http://timdream.org/wordcloud2.js/
- *
- * Copyright 2011 - 2019 Tim Guan-tin Chien and contributors.
- * Released under the MIT license
- */
-
-
-
- // setImmediate
- if (!window.setImmediate) {
- window.setImmediate = (function setupSetImmediate() {
- return (
- window.msSetImmediate ||
- window.webkitSetImmediate ||
- window.mozSetImmediate ||
- window.oSetImmediate ||
- (function setupSetZeroTimeout() {
- if (!window.postMessage || !window.addEventListener) {
- return null;
- }
-
- var callbacks = [undefined];
- var message = 'zero-timeout-message';
-
- // Like setTimeout, but only takes a function argument. There's
- // no time argument (always zero) and no arguments (you have to
- // use a closure).
- var setZeroTimeout = function setZeroTimeout(callback) {
- var id = callbacks.length;
- callbacks.push(callback);
- window.postMessage(message + id.toString(36), '*');
-
- return id;
- };
-
- window.addEventListener(
- 'message',
- function setZeroTimeoutMessage(evt) {
- // Skipping checking event source, retarded IE confused this window
- // object with another in the presence of iframe
- if (
- typeof evt.data !== 'string' ||
- evt.data.substr(0, message.length) !== message /* ||
- evt.source !== window */
- ) {
- return;
- }
-
- evt.stopImmediatePropagation();
-
- var id = parseInt(evt.data.substr(message.length), 36);
- if (!callbacks[id]) {
- return;
- }
-
- callbacks[id]();
- callbacks[id] = undefined;
- },
- true
- );
-
- /* specify clearImmediate() here since we need the scope */
- window.clearImmediate = function clearZeroTimeout(id) {
- if (!callbacks[id]) {
- return;
- }
-
- callbacks[id] = undefined;
- };
-
- return setZeroTimeout;
- })() ||
- // fallback
- function setImmediateFallback(fn) {
- window.setTimeout(fn, 0);
- }
- );
- })();
- }
-
- if (!window.clearImmediate) {
- window.clearImmediate = (function setupClearImmediate() {
- return (
- window.msClearImmediate ||
- window.webkitClearImmediate ||
- window.mozClearImmediate ||
- window.oClearImmediate ||
- // "clearZeroTimeout" is implement on the previous block ||
- // fallback
- function clearImmediateFallback(timer) {
- window.clearTimeout(timer);
- }
- );
- })();
- }
-
- // Check if WordCloud can run on this browser
- var isSupported = (function isSupported() {
- var canvas = document.createElement('canvas');
- if (!canvas || !canvas.getContext) {
- return false;
- }
-
- var ctx = canvas.getContext('2d');
- if (!ctx) {
- return false;
- }
- if (!ctx.getImageData) {
- return false;
- }
- if (!ctx.fillText) {
- return false;
- }
-
- if (!Array.prototype.some) {
- return false;
- }
- if (!Array.prototype.push) {
- return false;
- }
-
- return true;
- })();
-
- // Find out if the browser impose minium font size by
- // drawing small texts on a canvas and measure it's width.
- var minFontSize = (function getMinFontSize() {
- if (!isSupported) {
- return;
- }
-
- var ctx = document.createElement('canvas').getContext('2d');
-
- // start from 20
- var size = 20;
-
- // two sizes to measure
- var hanWidth, mWidth;
-
- while (size) {
- ctx.font = size.toString(10) + 'px sans-serif';
- if (
- ctx.measureText('\uFF37').width === hanWidth &&
- ctx.measureText('m').width === mWidth
- ) {
- return size + 1;
- }
-
- hanWidth = ctx.measureText('\uFF37').width;
- mWidth = ctx.measureText('m').width;
-
- size--;
- }
-
- return 0;
- })();
-
- var getItemExtraData = function (item) {
- if (Array.isArray(item)) {
- var itemCopy = item.slice();
- // remove data we already have (word and weight)
- itemCopy.splice(0, 2);
- return itemCopy;
- } else {
- return [];
- }
- };
-
- // Based on http://jsfromhell.com/array/shuffle
- var shuffleArray = function shuffleArray(arr) {
- for (var j, x, i = arr.length; i; ) {
- j = Math.floor(Math.random() * i);
- x = arr[--i];
- arr[i] = arr[j];
- arr[j] = x;
- }
- return arr;
- };
-
- var timer = {};
- var WordCloud = function WordCloud(elements, options) {
- if (!isSupported) {
- return;
- }
-
- var timerId = Math.floor(Math.random() * Date.now());
-
- if (!Array.isArray(elements)) {
- elements = [elements];
- }
-
- elements.forEach(function (el, i) {
- if (typeof el === 'string') {
- elements[i] = document.getElementById(el);
- if (!elements[i]) {
- throw new Error('The element id specified is not found.');
- }
- } else if (!el.tagName && !el.appendChild) {
- throw new Error(
- 'You must pass valid HTML elements, or ID of the element.'
- );
- }
- });
-
- /* Default values to be overwritten by options object */
- var settings = {
- list: [],
- fontFamily:
- '"Trebuchet MS", "Heiti TC", "微軟正黑體", ' +
- '"Arial Unicode MS", "Droid Fallback Sans", sans-serif',
- fontWeight: 'normal',
- color: 'random-dark',
- minSize: 0, // 0 to disable
- weightFactor: 1,
- clearCanvas: true,
- backgroundColor: '#fff', // opaque white = rgba(255, 255, 255, 1)
-
- gridSize: 8,
- drawOutOfBound: false,
- shrinkToFit: false,
- origin: null,
-
- drawMask: false,
- maskColor: 'rgba(255,0,0,0.3)',
- maskGapWidth: 0.3,
-
- layoutAnimation: true,
-
- wait: 0,
- abortThreshold: 0, // disabled
- abort: function noop() {},
-
- minRotation: -Math.PI / 2,
- maxRotation: Math.PI / 2,
- rotationStep: 0.1,
-
- shuffle: true,
- rotateRatio: 0.1,
-
- shape: 'circle',
- ellipticity: 0.65,
-
- classes: null,
-
- hover: null,
- click: null
- };
-
- if (options) {
- for (var key in options) {
- if (key in settings) {
- settings[key] = options[key];
- }
- }
- }
-
- /* Convert weightFactor into a function */
- if (typeof settings.weightFactor !== 'function') {
- var factor = settings.weightFactor;
- settings.weightFactor = function weightFactor(pt) {
- return pt * factor; // in px
- };
- }
-
- /* Convert shape into a function */
- if (typeof settings.shape !== 'function') {
- switch (settings.shape) {
- case 'circle':
- /* falls through */
- default:
- // 'circle' is the default and a shortcut in the code loop.
- settings.shape = 'circle';
- break;
-
- case 'cardioid':
- settings.shape = function shapeCardioid(theta) {
- return 1 - Math.sin(theta);
- };
- break;
-
- /*
- To work out an X-gon, one has to calculate "m",
- where 1/(cos(2*PI/X)+m*sin(2*PI/X)) = 1/(cos(0)+m*sin(0))
- http://www.wolframalpha.com/input/?i=1%2F%28cos%282*PI%2FX%29%2Bm*sin%28
- 2*PI%2FX%29%29+%3D+1%2F%28cos%280%29%2Bm*sin%280%29%29
- Copy the solution into polar equation r = 1/(cos(t') + m*sin(t'))
- where t' equals to mod(t, 2PI/X);
- */
-
- case 'diamond':
- // http://www.wolframalpha.com/input/?i=plot+r+%3D+1%2F%28cos%28mod+
- // %28t%2C+PI%2F2%29%29%2Bsin%28mod+%28t%2C+PI%2F2%29%29%29%2C+t+%3D
- // +0+..+2*PI
- settings.shape = function shapeSquare(theta) {
- var thetaPrime = theta % ((2 * Math.PI) / 4);
- return 1 / (Math.cos(thetaPrime) + Math.sin(thetaPrime));
- };
- break;
-
- case 'square':
- // http://www.wolframalpha.com/input/?i=plot+r+%3D+min(1%2Fabs(cos(t
- // )),1%2Fabs(sin(t)))),+t+%3D+0+..+2*PI
- settings.shape = function shapeSquare(theta) {
- return Math.min(
- 1 / Math.abs(Math.cos(theta)),
- 1 / Math.abs(Math.sin(theta))
- );
- };
- break;
-
- case 'triangle-forward':
- // http://www.wolframalpha.com/input/?i=plot+r+%3D+1%2F%28cos%28mod+
- // %28t%2C+2*PI%2F3%29%29%2Bsqrt%283%29sin%28mod+%28t%2C+2*PI%2F3%29
- // %29%29%2C+t+%3D+0+..+2*PI
- settings.shape = function shapeTriangle(theta) {
- var thetaPrime = theta % ((2 * Math.PI) / 3);
- return (
- 1 / (Math.cos(thetaPrime) + Math.sqrt(3) * Math.sin(thetaPrime))
- );
- };
- break;
-
- case 'triangle':
- case 'triangle-upright':
- settings.shape = function shapeTriangle(theta) {
- var thetaPrime = (theta + (Math.PI * 3) / 2) % ((2 * Math.PI) / 3);
- return (
- 1 / (Math.cos(thetaPrime) + Math.sqrt(3) * Math.sin(thetaPrime))
- );
- };
- break;
-
- case 'pentagon':
- settings.shape = function shapePentagon(theta) {
- var thetaPrime = (theta + 0.955) % ((2 * Math.PI) / 5);
- return 1 / (Math.cos(thetaPrime) + 0.726543 * Math.sin(thetaPrime));
- };
- break;
-
- case 'star':
- settings.shape = function shapeStar(theta) {
- var thetaPrime = (theta + 0.955) % ((2 * Math.PI) / 10);
- if (
- ((theta + 0.955) % ((2 * Math.PI) / 5)) - (2 * Math.PI) / 10 >=
- 0
- ) {
- return (
- 1 /
- (Math.cos((2 * Math.PI) / 10 - thetaPrime) +
- 3.07768 * Math.sin((2 * Math.PI) / 10 - thetaPrime))
- );
- } else {
- return 1 / (Math.cos(thetaPrime) + 3.07768 * Math.sin(thetaPrime));
- }
- };
- break;
- }
- }
-
- /* Make sure gridSize is a whole number and is not smaller than 4px */
- settings.gridSize = Math.max(Math.floor(settings.gridSize), 4);
-
- /* shorthand */
- var g = settings.gridSize;
- var maskRectWidth = g - settings.maskGapWidth;
-
- /* normalize rotation settings */
- var rotationRange = Math.abs(settings.maxRotation - settings.minRotation);
- var minRotation = Math.min(settings.maxRotation, settings.minRotation);
- var rotationStep = settings.rotationStep;
-
- /* information/object available to all functions, set when start() */
- var grid, // 2d array containing filling information
- ngx,
- ngy, // width and height of the grid
- center, // position of the center of the cloud
- maxRadius;
-
- /* timestamp for measuring each putWord() action */
- var escapeTime;
-
- /* function for getting the color of the text */
- var getTextColor;
- function randomHslColor(min, max) {
- return (
- 'hsl(' +
- (Math.random() * 360).toFixed() +
- ',' +
- (Math.random() * 30 + 70).toFixed() +
- '%,' +
- (Math.random() * (max - min) + min).toFixed() +
- '%)'
- );
- }
- switch (settings.color) {
- case 'random-dark':
- getTextColor = function getRandomDarkColor() {
- return randomHslColor(10, 50);
- };
- break;
-
- case 'random-light':
- getTextColor = function getRandomLightColor() {
- return randomHslColor(50, 90);
- };
- break;
-
- default:
- if (typeof settings.color === 'function') {
- getTextColor = settings.color;
- }
- break;
- }
-
- /* function for getting the font-weight of the text */
- var getTextFontWeight;
- if (typeof settings.fontWeight === 'function') {
- getTextFontWeight = settings.fontWeight;
- }
-
- /* function for getting the classes of the text */
- var getTextClasses = null;
- if (typeof settings.classes === 'function') {
- getTextClasses = settings.classes;
- }
-
- /* Interactive */
- var interactive = false;
- var infoGrid = [];
- var hovered;
-
- var getInfoGridFromMouseTouchEvent = function getInfoGridFromMouseTouchEvent(
- evt
- ) {
- var canvas = evt.currentTarget;
- var rect = canvas.getBoundingClientRect();
- var clientX;
- var clientY;
- /** Detect if touches are available */
- if (evt.touches) {
- clientX = evt.touches[0].clientX;
- clientY = evt.touches[0].clientY;
- } else {
- clientX = evt.clientX;
- clientY = evt.clientY;
- }
- var eventX = clientX - rect.left;
- var eventY = clientY - rect.top;
-
- var x = Math.floor((eventX * (canvas.width / rect.width || 1)) / g);
- var y = Math.floor((eventY * (canvas.height / rect.height || 1)) / g);
-
- if (!infoGrid[x]) {
- return null
- }
-
- return infoGrid[x][y];
- };
-
- var wordcloudhover = function wordcloudhover(evt) {
- var info = getInfoGridFromMouseTouchEvent(evt);
-
- if (hovered === info) {
- return;
- }
-
- hovered = info;
- if (!info) {
- settings.hover(undefined, undefined, evt);
-
- return;
- }
-
- settings.hover(info.item, info.dimension, evt);
- };
-
- var wordcloudclick = function wordcloudclick(evt) {
- var info = getInfoGridFromMouseTouchEvent(evt);
- if (!info) {
- return;
- }
-
- settings.click(info.item, info.dimension, evt);
- evt.preventDefault();
- };
-
- /* Get points on the grid for a given radius away from the center */
- var pointsAtRadius = [];
- var getPointsAtRadius = function getPointsAtRadius(radius) {
- if (pointsAtRadius[radius]) {
- return pointsAtRadius[radius];
- }
-
- // Look for these number of points on each radius
- var T = radius * 8;
-
- // Getting all the points at this radius
- var t = T;
- var points = [];
-
- if (radius === 0) {
- points.push([center[0], center[1], 0]);
- }
-
- while (t--) {
- // distort the radius to put the cloud in shape
- var rx = 1;
- if (settings.shape !== 'circle') {
- rx = settings.shape((t / T) * 2 * Math.PI); // 0 to 1
- }
-
- // Push [x, y, t]; t is used solely for getTextColor()
- points.push([
- center[0] + radius * rx * Math.cos((-t / T) * 2 * Math.PI),
- center[1] +
- radius * rx * Math.sin((-t / T) * 2 * Math.PI) * settings.ellipticity,
- (t / T) * 2 * Math.PI
- ]);
- }
-
- pointsAtRadius[radius] = points;
- return points;
- };
-
- /* Return true if we had spent too much time */
- var exceedTime = function exceedTime() {
- return (
- settings.abortThreshold > 0 &&
- new Date().getTime() - escapeTime > settings.abortThreshold
- );
- };
-
- /* Get the deg of rotation according to settings, and luck. */
- var getRotateDeg = function getRotateDeg() {
- if (settings.rotateRatio === 0) {
- return 0;
- }
-
- if (Math.random() > settings.rotateRatio) {
- return 0;
- }
-
- if (rotationRange === 0) {
- return minRotation;
- }
-
- return minRotation + Math.round(Math.random() * rotationRange / rotationStep) * rotationStep;
- };
-
- var getTextInfo = function getTextInfo(
- word,
- weight,
- rotateDeg,
- extraDataArray
- ) {
- // calculate the acutal font size
- // fontSize === 0 means weightFactor function wants the text skipped,
- // and size < minSize means we cannot draw the text.
- var debug = false;
- var fontSize = settings.weightFactor(weight);
- if (fontSize <= settings.minSize) {
- return false;
- }
-
- // Scale factor here is to make sure fillText is not limited by
- // the minium font size set by browser.
- // It will always be 1 or 2n.
- var mu = 1;
- if (fontSize < minFontSize) {
- mu = (function calculateScaleFactor() {
- var mu = 2;
- while (mu * fontSize < minFontSize) {
- mu += 2;
- }
- return mu;
- })();
- }
-
- // Get fontWeight that will be used to set fctx.font
- var fontWeight;
- if (getTextFontWeight) {
- fontWeight = getTextFontWeight(word, weight, fontSize, extraDataArray);
- } else {
- fontWeight = settings.fontWeight;
- }
-
- var fcanvas = document.createElement('canvas');
- var fctx = fcanvas.getContext('2d', { willReadFrequently: true });
-
- fctx.font =
- fontWeight +
- ' ' +
- (fontSize * mu).toString(10) +
- 'px ' +
- settings.fontFamily;
-
- // Estimate the dimension of the text with measureText().
- var fw = fctx.measureText(word).width / mu;
- var fh =
- Math.max(
- fontSize * mu,
- fctx.measureText('m').width,
- fctx.measureText('\uFF37').width
- ) / mu;
-
- // Create a boundary box that is larger than our estimates,
- // so text don't get cut of (it sill might)
- var boxWidth = fw + fh * 2;
- var boxHeight = fh * 3;
- var fgw = Math.ceil(boxWidth / g);
- var fgh = Math.ceil(boxHeight / g);
- boxWidth = fgw * g;
- boxHeight = fgh * g;
-
- // Calculate the proper offsets to make the text centered at
- // the preferred position.
-
- // This is simply half of the width.
- var fillTextOffsetX = -fw / 2;
- // Instead of moving the box to the exact middle of the preferred
- // position, for Y-offset we move 0.4 instead, so Latin alphabets look
- // vertical centered.
- var fillTextOffsetY = -fh * 0.4;
-
- // Calculate the actual dimension of the canvas, considering the rotation.
- var cgh = Math.ceil(
- (boxWidth * Math.abs(Math.sin(rotateDeg)) +
- boxHeight * Math.abs(Math.cos(rotateDeg))) /
- g
- );
- var cgw = Math.ceil(
- (boxWidth * Math.abs(Math.cos(rotateDeg)) +
- boxHeight * Math.abs(Math.sin(rotateDeg))) /
- g
- );
- var width = cgw * g;
- var height = cgh * g;
-
- fcanvas.setAttribute('width', width);
- fcanvas.setAttribute('height', height);
-
- if (debug) {
- // Attach fcanvas to the DOM
- document.body.appendChild(fcanvas);
- // Save it's state so that we could restore and draw the grid correctly.
- fctx.save();
- }
-
- // Scale the canvas with |mu|.
- fctx.scale(1 / mu, 1 / mu);
- fctx.translate((width * mu) / 2, (height * mu) / 2);
- fctx.rotate(-rotateDeg);
-
- // Once the width/height is set, ctx info will be reset.
- // Set it again here.
- fctx.font =
- fontWeight +
- ' ' +
- (fontSize * mu).toString(10) +
- 'px ' +
- settings.fontFamily;
-
- // Fill the text into the fcanvas.
- // XXX: We cannot because textBaseline = 'top' here because
- // Firefox and Chrome uses different default line-height for canvas.
- // Please read https://bugzil.la/737852#c6.
- // Here, we use textBaseline = 'middle' and draw the text at exactly
- // 0.5 * fontSize lower.
- fctx.fillStyle = '#000';
- fctx.textBaseline = 'middle';
- fctx.fillText(
- word,
- fillTextOffsetX * mu,
- (fillTextOffsetY + fontSize * 0.5) * mu
- );
-
- // Get the pixels of the text
- var imageData = fctx.getImageData(0, 0, width, height).data;
-
- if (exceedTime()) {
- return false;
- }
-
- if (debug) {
- // Draw the box of the original estimation
- fctx.strokeRect(fillTextOffsetX * mu, fillTextOffsetY, fw * mu, fh * mu);
- fctx.restore();
- }
-
- // Read the pixels and save the information to the occupied array
- var occupied = [];
- var gx = cgw;
- var gy, x, y;
- var bounds = [cgh / 2, cgw / 2, cgh / 2, cgw / 2];
- while (gx--) {
- gy = cgh;
- while (gy--) {
- y = g;
- /* eslint no-labels: ['error', { 'allowLoop': true }] */
- singleGridLoop: while (y--) {
- x = g;
- while (x--) {
- if (imageData[((gy * g + y) * width + (gx * g + x)) * 4 + 3]) {
- occupied.push([gx, gy]);
-
- if (gx < bounds[3]) {
- bounds[3] = gx;
- }
- if (gx > bounds[1]) {
- bounds[1] = gx;
- }
- if (gy < bounds[0]) {
- bounds[0] = gy;
- }
- if (gy > bounds[2]) {
- bounds[2] = gy;
- }
-
- if (debug) {
- fctx.fillStyle = 'rgba(255, 0, 0, 0.5)';
- fctx.fillRect(gx * g, gy * g, g - 0.5, g - 0.5);
- }
- break singleGridLoop;
- }
- }
- }
- if (debug) {
- fctx.fillStyle = 'rgba(0, 0, 255, 0.5)';
- fctx.fillRect(gx * g, gy * g, g - 0.5, g - 0.5);
- }
- }
- }
-
- if (debug) {
- fctx.fillStyle = 'rgba(0, 255, 0, 0.5)';
- fctx.fillRect(
- bounds[3] * g,
- bounds[0] * g,
- (bounds[1] - bounds[3] + 1) * g,
- (bounds[2] - bounds[0] + 1) * g
- );
- }
-
- // Return information needed to create the text on the real canvas
- return {
- mu: mu,
- occupied: occupied,
- bounds: bounds,
- gw: cgw,
- gh: cgh,
- fillTextOffsetX: fillTextOffsetX,
- fillTextOffsetY: fillTextOffsetY,
- fillTextWidth: fw,
- fillTextHeight: fh,
- fontSize: fontSize
- };
- };
-
- /* Determine if there is room available in the given dimension */
- var canFitText = function canFitText(gx, gy, gw, gh, occupied) {
- // Go through the occupied points,
- // return false if the space is not available.
- var i = occupied.length;
- while (i--) {
- var px = gx + occupied[i][0];
- var py = gy + occupied[i][1];
-
- if (px >= ngx || py >= ngy || px < 0 || py < 0) {
- if (!settings.drawOutOfBound) {
- return false;
- }
- continue;
- }
-
- if (!grid[px][py]) {
- return false;
- }
- }
- return true;
- };
-
- /* Actually draw the text on the grid */
- var drawText = function drawText(
- gx,
- gy,
- info,
- word,
- weight,
- distance,
- theta,
- rotateDeg,
- attributes,
- extraDataArray
- ) {
- var fontSize = info.fontSize;
- var color;
- if (getTextColor) {
- color = getTextColor(
- word,
- weight,
- fontSize,
- distance,
- theta,
- extraDataArray
- );
- } else {
- color = settings.color;
- }
-
- // get fontWeight that will be used to set ctx.font and font style rule
- var fontWeight;
- if (getTextFontWeight) {
- fontWeight = getTextFontWeight(word, weight, fontSize, extraDataArray);
- } else {
- fontWeight = settings.fontWeight;
- }
-
- var classes;
- if (getTextClasses) {
- classes = getTextClasses(word, weight, fontSize, extraDataArray);
- } else {
- classes = settings.classes;
- }
-
- elements.forEach(function (el) {
- if (el.getContext) {
- var ctx = el.getContext('2d');
- var mu = info.mu;
-
- // Save the current state before messing it
- ctx.save();
- ctx.scale(1 / mu, 1 / mu);
-
- ctx.font =
- fontWeight +
- ' ' +
- (fontSize * mu).toString(10) +
- 'px ' +
- settings.fontFamily;
- ctx.fillStyle = color;
-
- // Translate the canvas position to the origin coordinate of where
- // the text should be put.
- ctx.translate((gx + info.gw / 2) * g * mu, (gy + info.gh / 2) * g * mu);
-
- if (rotateDeg !== 0) {
- ctx.rotate(-rotateDeg);
- }
-
- // Finally, fill the text.
-
- // XXX: We cannot because textBaseline = 'top' here because
- // Firefox and Chrome uses different default line-height for canvas.
- // Please read https://bugzil.la/737852#c6.
- // Here, we use textBaseline = 'middle' and draw the text at exactly
- // 0.5 * fontSize lower.
- ctx.textBaseline = 'middle';
- ctx.fillText(
- word,
- info.fillTextOffsetX * mu,
- (info.fillTextOffsetY + fontSize * 0.5) * mu
- );
-
- // The below box is always matches how <span>s are positioned
- /* ctx.strokeRect(info.fillTextOffsetX, info.fillTextOffsetY,
- info.fillTextWidth, info.fillTextHeight); */
-
- // Restore the state.
- ctx.restore();
- } else {
- // drawText on DIV element
- var span = document.createElement('span');
- var transformRule = '';
- transformRule = 'rotate(' + (-rotateDeg / Math.PI) * 180 + 'deg) ';
- if (info.mu !== 1) {
- transformRule +=
- 'translateX(-' +
- info.fillTextWidth / 4 +
- 'px) ' +
- 'scale(' +
- 1 / info.mu +
- ')';
- }
- var styleRules = {
- position: 'absolute',
- display: 'block',
- font:
- fontWeight + ' ' + fontSize * info.mu + 'px ' + settings.fontFamily,
- left: (gx + info.gw / 2) * g + info.fillTextOffsetX + 'px',
- top: (gy + info.gh / 2) * g + info.fillTextOffsetY + 'px',
- width: info.fillTextWidth + 'px',
- height: info.fillTextHeight + 'px',
- lineHeight: fontSize + 'px',
- whiteSpace: 'nowrap',
- transform: transformRule,
- webkitTransform: transformRule,
- msTransform: transformRule,
- transformOrigin: '50% 40%',
- webkitTransformOrigin: '50% 40%',
- msTransformOrigin: '50% 40%'
- };
- if (color) {
- styleRules.color = color;
- }
- span.textContent = word;
- for (var cssProp in styleRules) {
- span.style[cssProp] = styleRules[cssProp];
- }
- if (attributes) {
- for (var attribute in attributes) {
- span.setAttribute(attribute, attributes[attribute]);
- }
- }
- if (classes) {
- span.className += classes;
- }
- el.appendChild(span);
- }
- });
- };
-
- /* Help function to updateGrid */
- var fillGridAt = function fillGridAt(x, y, drawMask, dimension, item) {
- if (x >= ngx || y >= ngy || x < 0 || y < 0) {
- return;
- }
-
- grid[x][y] = false;
-
- if (drawMask) {
- var ctx = elements[0].getContext('2d');
- ctx.fillRect(x * g, y * g, maskRectWidth, maskRectWidth);
- }
-
- if (interactive) {
- infoGrid[x][y] = { item: item, dimension: dimension };
- }
- };
-
- /* Update the filling information of the given space with occupied points.
- Draw the mask on the canvas if necessary. */
- var updateGrid = function updateGrid(gx, gy, gw, gh, info, item) {
- var occupied = info.occupied;
- var drawMask = settings.drawMask;
- var ctx;
- if (drawMask) {
- ctx = elements[0].getContext('2d');
- ctx.save();
- ctx.fillStyle = settings.maskColor;
- }
-
- var dimension;
- if (interactive) {
- var bounds = info.bounds;
- dimension = {
- x: (gx + bounds[3]) * g,
- y: (gy + bounds[0]) * g,
- w: (bounds[1] - bounds[3] + 1) * g,
- h: (bounds[2] - bounds[0] + 1) * g
- };
- }
-
- var i = occupied.length;
- while (i--) {
- var px = gx + occupied[i][0];
- var py = gy + occupied[i][1];
-
- if (px >= ngx || py >= ngy || px < 0 || py < 0) {
- continue;
- }
-
- fillGridAt(px, py, drawMask, dimension, item);
- }
-
- if (drawMask) {
- ctx.restore();
- }
- };
-
- /* putWord() processes each item on the list,
- calculate it's size and determine it's position, and actually
- put it on the canvas. */
- var putWord = function putWord(item, loopIndex) {
- if (loopIndex > 20) {
- return null;
- }
-
- var word, weight, attributes;
- if (Array.isArray(item)) {
- word = item[0];
- weight = item[1];
- } else {
- word = item.word;
- weight = item.weight;
- attributes = item.attributes;
- }
- var rotateDeg = getRotateDeg();
-
- var extraDataArray = getItemExtraData(item);
-
- // get info needed to put the text onto the canvas
- var info = getTextInfo(word, weight, rotateDeg, extraDataArray);
-
- // not getting the info means we shouldn't be drawing this one.
- if (!info) {
- return false;
- }
-
- if (exceedTime()) {
- return false;
- }
-
- // If drawOutOfBound is set to false,
- // skip the loop if we have already know the bounding box of
- // word is larger than the canvas.
- if (!settings.drawOutOfBound && !settings.shrinkToFit) {
- var bounds = info.bounds;
- if (bounds[1] - bounds[3] + 1 > ngx || bounds[2] - bounds[0] + 1 > ngy) {
- return false;
- }
- }
-
- // Determine the position to put the text by
- // start looking for the nearest points
- var r = maxRadius + 1;
-
- var tryToPutWordAtPoint = function (gxy) {
- var gx = Math.floor(gxy[0] - info.gw / 2);
- var gy = Math.floor(gxy[1] - info.gh / 2);
- var gw = info.gw;
- var gh = info.gh;
-
- // If we cannot fit the text at this position, return false
- // and go to the next position.
- if (!canFitText(gx, gy, gw, gh, info.occupied)) {
- return false;
- }
-
- // Actually put the text on the canvas
- drawText(
- gx,
- gy,
- info,
- word,
- weight,
- maxRadius - r,
- gxy[2],
- rotateDeg,
- attributes,
- extraDataArray
- );
-
- // Mark the spaces on the grid as filled
- updateGrid(gx, gy, gw, gh, info, item);
-
- return {
- gx: gx,
- gy: gy,
- rot: rotateDeg,
- info: info
- };
- };
-
- while (r--) {
- var points = getPointsAtRadius(maxRadius - r);
-
- if (settings.shuffle) {
- points = [].concat(points);
- shuffleArray(points);
- }
-
- // Try to fit the words by looking at each point.
- // array.some() will stop and return true
- // when putWordAtPoint() returns true.
- for (var i = 0; i < points.length; i++) {
- var res = tryToPutWordAtPoint(points[i]);
- if (res) {
- return res;
- }
- }
-
- // var drawn = points.some(tryToPutWordAtPoint);
- // if (drawn) {
- // // leave putWord() and return true
- // return true;
- // }
- }
-
- if (settings.shrinkToFit) {
- if (Array.isArray(item)) {
- item[1] = (item[1] * 3) / 4;
- } else {
- item.weight = (item.weight * 3) / 4;
- }
- return putWord(item, loopIndex + 1);
- }
-
- // we tried all distances but text won't fit, return null
- return null;
- };
-
- /* Send DOM event to all elements. Will stop sending event and return
- if the previous one is canceled (for cancelable events). */
- var sendEvent = function sendEvent(type, cancelable, details) {
- if (cancelable) {
- return !elements.some(function (el) {
- var event = new CustomEvent(type, {
- detail: details || {}
- });
- return !el.dispatchEvent(event);
- }, this);
- } else {
- elements.forEach(function (el) {
- var event = new CustomEvent(type, {
- detail: details || {}
- });
- el.dispatchEvent(event);
- }, this);
- }
- };
-
- /* Start drawing on a canvas */
- var start = function start() {
- // For dimensions, clearCanvas etc.,
- // we only care about the first element.
- var canvas = elements[0];
-
- if (canvas.getContext) {
- ngx = Math.ceil(canvas.width / g);
- ngy = Math.ceil(canvas.height / g);
- } else {
- var rect = canvas.getBoundingClientRect();
- ngx = Math.ceil(rect.width / g);
- ngy = Math.ceil(rect.height / g);
- }
-
- // Sending a wordcloudstart event which cause the previous loop to stop.
- // Do nothing if the event is canceled.
- if (!sendEvent('wordcloudstart', true)) {
- return;
- }
-
- // Determine the center of the word cloud
- center = settings.origin
- ? [settings.origin[0] / g, settings.origin[1] / g]
- : [ngx / 2, ngy / 2];
-
- // Maxium radius to look for space
- maxRadius = Math.floor(Math.sqrt(ngx * ngx + ngy * ngy));
-
- /* Clear the canvas only if the clearCanvas is set,
- if not, update the grid to the current canvas state */
- grid = [];
-
- var gx, gy, i;
- if (!canvas.getContext || settings.clearCanvas) {
- elements.forEach(function (el) {
- if (el.getContext) {
- var ctx = el.getContext('2d');
- ctx.fillStyle = settings.backgroundColor;
- ctx.clearRect(0, 0, ngx * (g + 1), ngy * (g + 1));
- ctx.fillRect(0, 0, ngx * (g + 1), ngy * (g + 1));
- } else {
- el.textContent = '';
- el.style.backgroundColor = settings.backgroundColor;
- el.style.position = 'relative';
- }
- });
-
- /* fill the grid with empty state */
- gx = ngx;
- while (gx--) {
- grid[gx] = [];
- gy = ngy;
- while (gy--) {
- grid[gx][gy] = true;
- }
- }
- } else {
- /* Determine bgPixel by creating
- another canvas and fill the specified background color. */
- var bctx = document.createElement('canvas').getContext('2d');
-
- bctx.fillStyle = settings.backgroundColor;
- bctx.fillRect(0, 0, 1, 1);
- var bgPixel = bctx.getImageData(0, 0, 1, 1).data;
-
- /* Read back the pixels of the canvas we got to tell which part of the
- canvas is empty.
- (no clearCanvas only works with a canvas, not divs) */
- var imageData = canvas
- .getContext('2d')
- .getImageData(0, 0, ngx * g, ngy * g).data;
-
- gx = ngx;
- var x, y;
- while (gx--) {
- grid[gx] = [];
- gy = ngy;
- while (gy--) {
- y = g;
- /* eslint no-labels: ['error', { 'allowLoop': true }] */
- singleGridLoop: while (y--) {
- x = g;
- while (x--) {
- i = 4;
- while (i--) {
- if (
- imageData[((gy * g + y) * ngx * g + (gx * g + x)) * 4 + i] !==
- bgPixel[i]
- ) {
- grid[gx][gy] = false;
- break singleGridLoop;
- }
- }
- }
- }
- if (grid[gx][gy] !== false) {
- grid[gx][gy] = true;
- }
- }
- }
-
- imageData = bctx = bgPixel = undefined;
- }
-
- // fill the infoGrid with empty state if we need it
- if (settings.hover || settings.click) {
- interactive = true;
-
- /* fill the grid with empty state */
- gx = ngx + 1;
- while (gx--) {
- infoGrid[gx] = [];
- }
-
- if (settings.hover) {
- canvas.addEventListener('mousemove', wordcloudhover);
- }
-
- if (settings.click) {
- canvas.addEventListener('click', wordcloudclick);
- canvas.addEventListener('touchstart', wordcloudclick);
- canvas.addEventListener('touchend', function (e) {
- e.preventDefault();
- });
- canvas.style.webkitTapHighlightColor = 'rgba(0, 0, 0, 0)';
- }
-
- canvas.addEventListener('wordcloudstart', function stopInteraction() {
- canvas.removeEventListener('wordcloudstart', stopInteraction);
-
- canvas.removeEventListener('mousemove', wordcloudhover);
- canvas.removeEventListener('click', wordcloudclick);
- hovered = undefined;
- });
- }
-
- i = 0;
- var loopingFunction, stoppingFunction;
- var layouting = true;
- if (!settings.layoutAnimation) {
- loopingFunction = function (cb) {
- cb();
- };
- stoppingFunction = function () {
- layouting = false;
- };
- } else if (settings.wait !== 0) {
- loopingFunction = window.setTimeout;
- stoppingFunction = window.clearTimeout;
- } else {
- loopingFunction = window.setImmediate;
- stoppingFunction = window.clearImmediate;
- }
-
- var addEventListener = function addEventListener(type, listener) {
- elements.forEach(function (el) {
- el.addEventListener(type, listener);
- }, this);
- };
-
- var removeEventListener = function removeEventListener(type, listener) {
- elements.forEach(function (el) {
- el.removeEventListener(type, listener);
- }, this);
- };
-
- var anotherWordCloudStart = function anotherWordCloudStart() {
- removeEventListener('wordcloudstart', anotherWordCloudStart);
- stoppingFunction(timer[timerId]);
- };
-
- addEventListener('wordcloudstart', anotherWordCloudStart);
-
- // At least wait the following code before call the first iteration.
- timer[timerId] = (settings.layoutAnimation ? loopingFunction : setTimeout)(
- function loop() {
- if (!layouting) {
- return;
- }
- if (i >= settings.list.length) {
- stoppingFunction(timer[timerId]);
- sendEvent('wordcloudstop', false);
- removeEventListener('wordcloudstart', anotherWordCloudStart);
- delete timer[timerId];
- return;
- }
- escapeTime = new Date().getTime();
- var drawn = putWord(settings.list[i], 0);
- var canceled = !sendEvent('wordclouddrawn', true, {
- item: settings.list[i],
- drawn: drawn
- });
- if (exceedTime() || canceled) {
- stoppingFunction(timer[timerId]);
- settings.abort();
- sendEvent('wordcloudabort', false);
- sendEvent('wordcloudstop', false);
- removeEventListener('wordcloudstart', anotherWordCloudStart);
- return;
- }
- i++;
- timer[timerId] = loopingFunction(loop, settings.wait);
- },
- settings.wait
- );
- };
-
- // All set, start the drawing
- start();
- };
-
- WordCloud.isSupported = isSupported;
- WordCloud.minFontSize = minFontSize;
-
- /* harmony default export */ const layout = (WordCloud);
-
- ;// CONCATENATED MODULE: ./src/wordCloud.js
-
-
-
-
-
-
-
- if (!layout.isSupported) {
- throw new Error('Sorry your browser not support wordCloud');
- }
-
- // https://github.com/timdream/wordcloud2.js/blob/c236bee60436e048949f9becc4f0f67bd832dc5c/index.js#L233
- function updateCanvasMask(maskCanvas) {
- var ctx = maskCanvas.getContext('2d');
- var imageData = ctx.getImageData(0, 0, maskCanvas.width, maskCanvas.height);
- var newImageData = ctx.createImageData(imageData);
-
- var toneSum = 0;
- var toneCnt = 0;
- for (var i = 0; i < imageData.data.length; i += 4) {
- var alpha = imageData.data[i + 3];
- if (alpha > 128) {
- var tone =
- imageData.data[i] + imageData.data[i + 1] + imageData.data[i + 2];
- toneSum += tone;
- ++toneCnt;
- }
- }
- var threshold = toneSum / toneCnt;
-
- for (var i = 0; i < imageData.data.length; i += 4) {
- var tone =
- imageData.data[i] + imageData.data[i + 1] + imageData.data[i + 2];
- var alpha = imageData.data[i + 3];
-
- if (alpha < 128 || tone > threshold) {
- // Area not to draw
- newImageData.data[i] = 0;
- newImageData.data[i + 1] = 0;
- newImageData.data[i + 2] = 0;
- newImageData.data[i + 3] = 0;
- } else {
- // Area to draw
- // The color must be same with backgroundColor
- newImageData.data[i] = 255;
- newImageData.data[i + 1] = 255;
- newImageData.data[i + 2] = 255;
- newImageData.data[i + 3] = 255;
- }
- }
-
- ctx.putImageData(newImageData, 0, 0);
- }
-
- external_echarts_.registerLayout(function (ecModel, api) {
- ecModel.eachSeriesByType('wordCloud', function (seriesModel) {
- var gridRect = external_echarts_.helper.getLayoutRect(
- seriesModel.getBoxLayoutParams(),
- {
- width: api.getWidth(),
- height: api.getHeight()
- }
- );
-
- var keepAspect = seriesModel.get('keepAspect');
- var maskImage = seriesModel.get('maskImage');
- var ratio = maskImage ? maskImage.width / maskImage.height : 1;
- keepAspect && adjustRectAspect(gridRect, ratio);
-
- var data = seriesModel.getData();
-
- var canvas = document.createElement('canvas');
- canvas.width = gridRect.width;
- canvas.height = gridRect.height;
-
- var ctx = canvas.getContext('2d');
- if (maskImage) {
- try {
- ctx.drawImage(maskImage, 0, 0, canvas.width, canvas.height);
- updateCanvasMask(canvas);
- } catch (e) {
- console.error('Invalid mask image');
- console.error(e.toString());
- }
- }
-
- var sizeRange = seriesModel.get('sizeRange');
- var rotationRange = seriesModel.get('rotationRange');
- var valueExtent = data.getDataExtent('value');
-
- var DEGREE_TO_RAD = Math.PI / 180;
- var gridSize = seriesModel.get('gridSize');
- layout(canvas, {
- list: data
- .mapArray('value', function (value, idx) {
- var itemModel = data.getItemModel(idx);
- return [
- data.getName(idx),
- itemModel.get('textStyle.fontSize', true) ||
- external_echarts_.number.linearMap(value, valueExtent, sizeRange),
- idx
- ];
- })
- .sort(function (a, b) {
- // Sort from large to small in case there is no more room for more words
- return b[1] - a[1];
- }),
- fontFamily:
- seriesModel.get('textStyle.fontFamily') ||
- seriesModel.get('emphasis.textStyle.fontFamily') ||
- ecModel.get('textStyle.fontFamily'),
- fontWeight:
- seriesModel.get('textStyle.fontWeight') ||
- seriesModel.get('emphasis.textStyle.fontWeight') ||
- ecModel.get('textStyle.fontWeight'),
-
- gridSize: gridSize,
-
- ellipticity: gridRect.height / gridRect.width,
-
- minRotation: rotationRange[0] * DEGREE_TO_RAD,
- maxRotation: rotationRange[1] * DEGREE_TO_RAD,
-
- clearCanvas: !maskImage,
-
- rotateRatio: 1,
-
- rotationStep: seriesModel.get('rotationStep') * DEGREE_TO_RAD,
-
- drawOutOfBound: seriesModel.get('drawOutOfBound'),
- shrinkToFit: seriesModel.get('shrinkToFit'),
-
- layoutAnimation: seriesModel.get('layoutAnimation'),
-
- shuffle: false,
-
- shape: seriesModel.get('shape')
- });
-
- function onWordCloudDrawn(e) {
- var item = e.detail.item;
- if (e.detail.drawn && seriesModel.layoutInstance.ondraw) {
- e.detail.drawn.gx += gridRect.x / gridSize;
- e.detail.drawn.gy += gridRect.y / gridSize;
- seriesModel.layoutInstance.ondraw(
- item[0],
- item[1],
- item[2],
- e.detail.drawn
- );
- }
- }
-
- canvas.addEventListener('wordclouddrawn', onWordCloudDrawn);
-
- if (seriesModel.layoutInstance) {
- // Dispose previous
- seriesModel.layoutInstance.dispose();
- }
-
- seriesModel.layoutInstance = {
- ondraw: null,
-
- dispose: function () {
- canvas.removeEventListener('wordclouddrawn', onWordCloudDrawn);
- // Abort
- canvas.addEventListener('wordclouddrawn', function (e) {
- // Prevent default to cancle the event and stop the loop
- e.preventDefault();
- });
- }
- };
- });
- });
-
- external_echarts_.registerPreprocessor(function (option) {
- var series = (option || {}).series;
- !external_echarts_.util.isArray(series) && (series = series ? [series] : []);
-
- var compats = ['shadowColor', 'shadowBlur', 'shadowOffsetX', 'shadowOffsetY'];
-
- external_echarts_.util.each(series, function (seriesItem) {
- if (seriesItem && seriesItem.type === 'wordCloud') {
- var textStyle = seriesItem.textStyle || {};
-
- compatTextStyle(textStyle.normal);
- compatTextStyle(textStyle.emphasis);
- }
- });
-
- function compatTextStyle(textStyle) {
- textStyle &&
- external_echarts_.util.each(compats, function (key) {
- if (textStyle.hasOwnProperty(key)) {
- textStyle['text' + external_echarts_.format.capitalFirst(key)] = textStyle[key];
- }
- });
- }
- });
-
- function adjustRectAspect(gridRect, aspect) {
- // var outerWidth = gridRect.width + gridRect.x * 2;
- // var outerHeight = gridRect.height + gridRect.y * 2;
- var width = gridRect.width;
- var height = gridRect.height;
- if (width > height * aspect) {
- gridRect.x += (width - height * aspect) / 2;
- gridRect.width = height * aspect;
- } else {
- gridRect.y += (height - width / aspect) / 2;
- gridRect.height = width / aspect;
- }
- }
-
- ;// CONCATENATED MODULE: ./index.js
-
-
-
- /***/ }),
-
- /***/ "echarts/lib/echarts":
- /*!**************************!*\
- !*** external "echarts" ***!
- \**************************/
- /***/ ((module) => {
-
- module.exports = __WEBPACK_EXTERNAL_MODULE_echarts_lib_echarts__;
-
- /***/ })
-
- /******/ });
- /************************************************************************/
- /******/ // The module cache
- /******/ var __webpack_module_cache__ = {};
- /******/
- /******/ // The require function
- /******/ function __webpack_require__(moduleId) {
- /******/ // Check if module is in cache
- /******/ if(__webpack_module_cache__[moduleId]) {
- /******/ return __webpack_module_cache__[moduleId].exports;
- /******/ }
- /******/ // Create a new module (and put it into the cache)
- /******/ var module = __webpack_module_cache__[moduleId] = {
- /******/ // no module.id needed
- /******/ // no module.loaded needed
- /******/ exports: {}
- /******/ };
- /******/
- /******/ // Execute the module function
- /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
- /******/
- /******/ // Return the exports of the module
- /******/ return module.exports;
- /******/ }
- /******/
- /************************************************************************/
- /******/ /* webpack/runtime/make namespace object */
- /******/ (() => {
- /******/ // define __esModule on exports
- /******/ __webpack_require__.r = (exports) => {
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
- /******/ }
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
- /******/ };
- /******/ })();
- /******/
- /************************************************************************/
- /******/ // module exports must be returned from runtime so entry inlining is disabled
- /******/ // startup
- /******/ // Load entry module and return exports
- /******/ return __webpack_require__("./index.js");
- /******/ })()
- ;
- });
- //# sourceMappingURL=echarts-wordcloud.js.map
|