Charts 剑道折线图-两行标签的系列名称

我想知道是否有可能将折线图系列名称分成两行，并添加一个标签（照片中的Group1和Group2）。在下图中，您可以看到我想要创建的内容

如果没有，是否至少可以将系列名称分成两行（没有标签）

照片如下：

---

这是剑道ui主页上的一个示例，您可以在这里找到源代码：

我认为您需要使用和：

---

在演示中，我检查序列名称并将组标签添加到第一个和第三个序列。图例宽度的设置使其换行到第二行注意：使用您的数据需要一些尝试和错误…

我认为您需要使用和：

---

在演示中，我检查序列名称并将组标签添加到第一个和第三个序列。图例宽度的设置使其换行到第二行注意：在使用您的数据时有一些尝试和错误…

非常感谢。你给了我一个有用的例子，我会让它与我的代码一起工作。非常感谢。你给了我一个有用的例子，我会让它与我的代码一起工作。

  legend: {
    position: "bottom",
    width: 360,
    item: {
      visual: function (e) {
        console.log(e);
        var group = "";
        var rect = new kendo.geometry.Rect([0, 0], [140, 50]);
        if (e.series.name == "1. GOOG (close)"){
          group = "Group 1: ";
          rect = new kendo.geometry.Rect([0, 0], [200, 50]);
        } else if (e.series.name == "3. AMZN (close)"){
          group = "Group 2: ";
          rect = new kendo.geometry.Rect([0, 0], [200, 50]);
        }
        var color = e.options.markers.background;
        var labelColor = e.options.labels.color;

        var layout = new kendo.drawing.Layout(rect, {
          spacing: 5,
          alignItems: "center"
        });

         var grplabel = new kendo.drawing.Text(group, [0, 0], {
          fill: {
            color: "#000"
          }
        });

        var marker = new kendo.drawing.Path({
          fill: {
            color: color
          },
          stroke : {
            color: color
          }
        }).moveTo(10, 0).lineTo(10, 10).lineTo(0, 10).lineTo(0, 0).close();

        var label = new kendo.drawing.Text(e.series.name, [0, 0], {
          fill: {
            color: labelColor
          }
        });

        layout.append(grplabel, marker, label);
        layout.reflow()

        return layout;
      }
    }
  },