【问题标题】:How to add tooltip to kendo TextBlock control of kendo diagram如何将工具提示添加到剑道图的剑道 TextBlock 控件
【发布时间】:2016-02-17 21:04:02
【问题描述】:

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

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

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

谢谢 维普尔

【问题讨论】:

    标签: kendo-ui kendo-dataviz


    【解决方案1】:
    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 版开始

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-01-27
      • 1970-01-01
      相关资源
      最近更新 更多