如何将工具提示添加到kendo TextBlock控制的kendo图

时间:2015-08-20 10:36:22

标签: kendo-ui kendo-dataviz

我在我的项目中使用kendo“diagram”控件来创建序列图。我正在添加“文本块”控制的剑道“图”来显示一些文字。

但是我想在“textblock”中显示包装文本值,但kendo不支持它。

请建议我,如果有方法支持“textblock”中的换行文本或支持“textblock”相同功能的“图表”的任何其他替代控件

由于 VIPUL

1 个答案:

答案 0 :(得分:0)

function visualTemplate(options) {
    var diagram = kendo.dataviz.diagram;
    var dataItem = options.dataItem;
    var group = new diagram.Group();

    group.append(new diagram.Rectangle({
      width: 300,
      height: 200,
      stroke: {
        width: 0
      },
      fill: "#e8eff7"
    }));

    group.append(new diagram.Rectangle({
      width: 8,
      height: 200,
      fill: "#3399cc",
      stroke: {
        width: 0
      }
    }));

    var layout = new diagram.Layout(new diagram.Rect(15, 0, 280, 200), {
      alignContent: "center",
      spacing: 4
    });

    group.append(layout);

    var texts = dataItem.text.split(" ");
    for (var i = 0; i < texts.length; i++) {
      layout.append(new diagram.TextBlock({
        text: texts[i]
      }));
    }
    layout.reflow();

    return group;
  }

从2015.3版开始