如何单独设置ZingChart图例项高度？解决多行文本间距过大问题

要消除图例项间的多余空白，核心是让每个图例项高度自适应，而非统一匹配最高项的高度，具体修改如下：

• 在legend配置中添加item子配置，设置高度自适应、垂直对齐方式，并缩小项间间距
• 无需修改series的legendText内容

修改后的完整配置：

{
  graphset: [
    {
      type: 'pie',
      plotarea: {
        margin: 0,
        padding: 0
      },
      series: [
        {
          values: [100000],
          legendText: 'ITEM1'
        },
        {
          values: [550000],
          legendText: 'ITEM2\nline\nline\nline\nline\nline\nline\nline\nline\nline'
        },
        {
          values: [20000],
          legendText: 'ITEM3'
        }
      ],
      scaleR: { // set starting point at the top
        refAngle: 270 // relative to the starting 90 degree position.
      },
      legend: {
        adjustLayout: true,
        align: 'right',
        verticalAlign: 'middle',
        layout: 'x1',
        borderWidth: 0,
        alpha: 0,
        marker: {
          type: 'square'
        },
        // 新增图例项配置，解决间距问题
        item: {
          height: "auto", // 让每个项高度自适应文本行数
          vAlign: "top", // 单行项顶部对齐多行项
          margin: "3px 0" // 缩小垂直方向的项间间距，可按需调整数值
        }
      }
    }
  ]
}

关键配置说明：

• item.height: "auto"：取消统一高度限制，每个图例项根据自身文本行数计算高度
• item.vAlign: "top"：确保单行文本的图例项和多行文本的项顶部对齐，避免底部出现大片空白
• item.margin: "3px 0"：手动调整图例项之间的垂直间距，替换默认的大间距，数值可根据需求微调

内容的提问来源于stack exchange，提问作者G.M