

const getWordCloudChart = (data) => {
  const option = {
      width: 417,
    height: 292,
    grid: {
      left: 0,
      top: 0,
      right: 0,
      bottom: 0,
    },
    series: [
      {
        type: "wordCloud",
        // 让词云渲染区域严格贴合容器
        left: "center",
        top: "center",
        width: "100%",
        height: "100%",
        // 使用矩形词云更容易铺满容器且减少留白
       shape: "rect",     // ✅ 矩形 = 文字排版最整齐、最居中
        // 其他形状你可以使用形状路径
        // 或者自定义路径
        //         shape: 'circle'      // 圆形（默认）
        // shape: 'rect'        // 矩形
        // shape: 'roundRect'   // 圆角矩形
        // shape: 'triangle'    // 三角形
        // shape: 'diamond'     // 菱形
        // shape: 'pentagon'    // 五边形
        // shape: 'star'        // 星形
        // shape: 'cardioid'    // 心形
        // 网格越大越稀疏，越容易产生留白；这里进一步调小以便更贴合容器
        gridSize: 5,
        // 适当放大最大字号，提升填充度（同时避免太大溢出）
        sizeRange: [16, 24],
        rotationRange: [0, 0],
        rotationStep: 15,
        drawOutOfBound: false,
        layoutAnimation: false,
        // 字体
        textStyle: {
          color: function () {
            let colors = [
              "rgba(189, 33, 33, 1)",
              "rgba(232, 151, 21, 1)",
              "rgba(220, 190, 68, 1)",
              "rgba(96, 58, 186, 1)",
              "rgba(32, 121, 69, 1)",
              "rgba(22, 119, 255, 1)",
            ];
            return colors[parseInt(Math.random() * colors.length)];
          },
                  textAlign: "center", // ✅ 文字自身水平居中
          emphasis: {
            shadowBlur: 5,
            shadowColor: "#333",
          },
        },
        data: data,
      },
    ],
  }

  return option
}

export default getWordCloudChart