2016-03-07 39 views
1

我正在使用剑道图表。我在图表中堆积了一些列。我正在使用共享工具提示。问题在于,即使我没有悬停在系列栏上(悬停在栏上方),默认情况下也会显示工具提示。我只希望鼠标悬停在栏上时显示工具提示。是否有方法可以更改此默认行为?剑道共享工具提示显示,即使我们不把鼠标悬停在酒吧上

<div id="chart"> 
</div> 
<script> 
$("#chart").kendoChart({ 
    seriesDefaults: { type: "column", stack: "true" }, 
    series: [{ data: [1,2,3] },{ data: [4,5,6] },{ data: [7,8,9] }], 
    tooltip: { 
      visible: true, 
      shared: true 
      } 
    }); 
</script> 
+0

这将是一个更容易帮你这个,如果你发布你的代码初始化工具提示。您是否使用工具提示的自定义模板? – Ageonix

+0

甚至更​​好,你能在Dojo中重现这个问题吗? http://dojo.telerik.com/ – Ageonix

+0

请参阅Dojo中的代码片段。这里的非酒吧是在18至20范围内,但是,如果您将鼠标移动到该范围内,它仍会显示工具提示。我怎样才能配置这个,以便当我们将鼠标悬停在堆叠的酒吧上时,工具提示只会显示出来。 http://dojo.telerik.com/OBONU/3 – saurbh

回答

0

Kendo需要JQuery,因此您必须在JQuery函数内部初始化kendoChart。抛弃我的是它仍然在工作的事实......只是不具备所需的功能。我很惊讶,图表并没有完全停止工作。无论哪种方式,如果您更新您的代码如下,你应该看到工具提示按预期工作。

<div id="chart"> 
</div> 

<script>  
    $(function() {    
     $("#chart").kendoChart({ 
      seriesDefaults: { type: "column", stack: "true" }, 
      series: [{ data: [1,2,3] },{ data: [4,5,6] },{ data: [7,8,9] }],   
      tooltip: { 
       visible: true, 
       shared: true 
      } 
     });   
    }); 
</script> 

我还创建了一个道场显示工作示例:http://dojo.telerik.com/iboqU

+1

在该示例中,您没有将工具提示标记为共享。如果您将工具提示标记为共享,然后查看该行为,即使鼠标不完全位于酒吧上方,您也会观察到它显示工具提示。即使它在栏上方显示工具提示。我不知道为什么会发生这种情况。我想这是共享工具提示的默认行为。您是否可以为其提供任何解决方法,以便仅当您将鼠标悬停在条上时才显示工具提示? – saurbh

相关问题