@opentiny/vue-renderless/chart-wordcloud/index.js

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

import "../chunk-G2ADBYYC.js";
import { random } from "@opentiny/utils";
import { itemLabel, itemContent } from "../chart-core/deps/constants";
const isArr = Array.isArray;
const getSeries = (args) => {
  const { color, dimension, metrics, rows, shape, sizeMax, sizeMin } = args;
  let normalColor;
  if (!isArr(color) && !!color) {
    normalColor = color;
  } else {
    normalColor = () => {
      const rgb = [Math.round(random() * 160), Math.round(random() * 160), Math.round(random() * 160)].join(",");
      return "rgb(" + rgb + ")";
    };
  }
  let textStyle = { normal: { color: normalColor }, color: normalColor };
  const baseType = { type: "wordCloud", textStyle, shape, sizeRange: [sizeMin, sizeMax] };
  const len = isArr(color) ? color.length : 0;
  baseType.data = rows.slice().map((row, i) => {
    const text = { name: row[dimension], value: row[metrics] };
    if (len > 0) {
      let wordColor = color[i % len];
      text.textStyle = {
        normal: {
          color: wordColor
        },
        color: wordColor
      };
    }
    return text;
  });
  Object.assign(baseType, { rotationRange: [0, 0], gridSize: 10 });
  return [baseType];
};
const getTooltip = (args) => {
  const { tooltipFormatter } = args;
  function formatter(params) {
    const { data } = params;
    const { name, value } = data;
    if (tooltipFormatter) {
      return tooltipFormatter.apply(null, params);
    }
    return `${itemLabel(name)}${itemContent(value)}`;
  }
  return { show: true, formatter };
};
const shapeSquare = (theta) => Math.min(1 / Math.abs(Math.cos(theta)), 1 / Math.abs(Math.sin(theta)));
const wordcloud = (columns, rows, settings, extra) => {
  const { dimension = columns[0], metrics = columns[1], color = "" } = settings;
  const { sizeMax = 60, sizeMin = 12, shape } = settings;
  const { tooltipVisible, tooltipFormatter, color: colors } = extra;
  const seriesParams = { dimension, metrics, rows, sizeMax, sizeMin };
  Object.assign(seriesParams, { color: color || colors, shape: shape || shapeSquare });
  const series = getSeries(seriesParams);
  const tooltip = tooltipVisible && getTooltip({ tooltipFormatter });
  return { series, tooltip };
};
export {
  wordcloud
};