Kendo ui 在剑道UI工具提示上显示剑道UI折线图

我想在工具提示上显示一个折线图，如下所示-
为此，我创建了图表，并使用内容属性将其嵌入工具提示中

问题是我想在一个系列上显示工具提示，但现在还没有。但若我在主体上绘制相同的图表，而不是将其嵌入到工具提示中，那个么它就可以正常工作了

我是否需要额外配置来处理此类场景

---

您可以将图表工具提示设置为内容模板，然后在显示工具提示时创建图表

代码：

这里有一些文字
将连接器悬停，不显示tootip
函数CreateTooltipChart（）{
//工具提示中嵌入的SATER折线图
$（“#我的图表”）。肯多卡特({
图表区：{
身高：200，
宽度：310
},
标题：{
文字：“充电电流与充电时间”
},
系列默认值：{
类型：“散射线”
},
系列：[{
数据：[[10,10]，[15,20]，[20,25]，[32,40]]
}],
xAxis：{
最高：35，
标签：{
格式：“{0}m”
},
},
亚克斯：{
最高：50，
标签：假
},
//图表的工具提示设置在此处
工具提示：{
可见：对，
格式：“{1}%在{0}分钟内”
}
});     
}
//跨元素上的工具提示
var tooltip=$（'.show tooltip'）。kendoTooltip({
自动隐藏：false，
位置：“对”，
宽度：312，
//身高：300，
显示：功能（e）{
CreateTooltipChart（）；
},
内容：kendo.template（$（“#template”）.html（）），
}).数据（“kendoTooltip”）；

您可以将图表工具提示设置为内容模板，然后在显示工具提示时创建图表

代码：

这里有一些文字
将连接器悬停，不显示tootip
函数CreateTooltipChart（）{
//工具提示中嵌入的SATER折线图
$（“#我的图表”）。肯多卡特({
图表区：{
身高：200，
宽度：310
},
标题：{
文字：“充电电流与充电时间”
},
系列默认值：{
类型：“散射线”
},
系列：[{
数据：[[10,10]，[15,20]，[20,25]，[32,40]]
}],
xAxis：{
最高：35，
标签：{
格式：“{0}m”
},
},
亚克斯：{
最高：50，
标签：假
},
//图表的工具提示设置在此处
工具提示：{
可见：对，
格式：“{1}%在{0}分钟内”
}
});     
}
//跨元素上的工具提示
var tooltip=$（'.show tooltip'）。kendoTooltip({
自动隐藏：false，
位置：“对”，
宽度：312，
//身高：300，
显示：功能（e）{
CreateTooltipChart（）；
},
内容：kendo.template（$（“#template”）.html（）），
}).数据（“kendoTooltip”）；

您能告诉我们您目前掌握的代码吗？也许创建一个DOJO或CodePen？@ezanker我创建了一个DOJO。请看一看，道场里到底有什么不起作用？当我将鼠标悬停在“显示工具提示”文本上时，我会在工具提示中看到一个图表。@ezanker当您将鼠标悬停在串联连接器（串联线上的点）上时，它会将值显示为图表上的工具提示。但在这种情况下，如果我在工具提示上绘制一个图形，当我将鼠标悬停在连接点上时，该值不可见。感谢您的关注！你能给我们看看你目前掌握的代码吗？也许创建一个DOJO或CodePen？@ezanker我创建了一个DOJO。请看一看，道场里到底有什么不起作用？当我将鼠标悬停在“显示工具提示”文本上时，我会在工具提示中看到一个图表。@ezanker当您将鼠标悬停在串联连接器（串联线上的点）上时，它会将值显示为图表上的工具提示。但在这种情况下，如果我在工具提示上绘制一个图形，当我将鼠标悬停在连接点上时，该值不可见。感谢您的关注！非常感谢@ezanker非常感谢@ezanker

content: function (e) {
          return $("#" + $(e.target).attr("id") + "_tooltip").html();
       }

<script id="template" type="text/x-kendo-template">
  <div id="myTooltip">
    <span>Some Text here</span>
    <div id="myChart"></div>
    <span>hover the connectors, not showing tootip</span>
  </div>
</script>

   function CreateTooltipChart(){
    // Satter line chart embedded in tooltip
      $("#myChart").kendoChart({
        chartArea: {
          height: 200,
          width: 310
        },
        title: {
          text: "Charge current vs. charge time"
        },
        seriesDefaults: {
          type: "scatterLine"
        },
        series: [{
          data: [[10, 10], [15, 20], [20, 25], [32, 40]]
        }],
        xAxis: {
          max: 35,
          labels: {
            format: "{0}m"
          },
        },
        yAxis: {
          max: 50,
          labels: false
        },
        //tooltip for chart is set here
        tooltip: {
          visible: true,
          format: "{1}% in {0} minutes"
        }
      });     
    }

    // Tooltip on span element
    var tooltip = $('.show-tooltip').kendoTooltip({
      autoHide: false,
      position: "right",
      width: 312,
      //height: 300,
      show: function(e){
        CreateTooltipChart();
      },
      content: kendo.template($("#template").html()),
    }).data("kendoTooltip");