kendo ui 始终在饼图顶部显示工具提示 angularjs

Question

我在 telerik 上参考以下 link 使用 kendoui 创建了一个饼图 :-

https://demos.telerik.com/kendo-ui/pie-charts/angular

I tried to show tooltip on pie chart created which will always show without hover on pie chart.

我参考了以下页面但没有找到任何解决方案:-

1. https://demos.telerik.com/kendo-ui/line-charts/local-data-binding

3. http://dojo.telerik.com/@Iliana/OnINu

我的代码如下：-

<!-- Pie chart -->
<div class="demo-section k-content" ng-if="widget.id === 'pie'" id="widgetPie">
    <div id="pieWrapper">
        <div kendo-chart
            k-rebind="firmwareDevices"
            k-title="{ text: 'SLC Firmware Distribution', position: 'top' }"
            k-series-defaults="{ type: 'pie', labels: { visible: true }}"
            k-series="[{
                            field: 'doc_count',
                            name: 'SLC',
                            categoryField: 'key',
                            padding: 0,
                            color: '#b8b8b8'
                        }]"
            k-data-source="deviceObject"
            k-series-hover="onSeriesHover"
            k-series-colors="['#66b3ff', '#b2d9ff']"
            k-tooltip="{ visible: true, template: '#= category # device_count: #= value #' }"
            k-legend = "{ position: 'left' }",
            style="height: 270px; width:450px;"
            id="ltxPie">
        </div>
    </div>
</div> 

Answer 1

参考下面的演示示例：

http://demos.telerik.com/kendo-ui/line-charts/local-data-binding

尝试设置k-series-defaults如下：-

 k-series-defaults="{ type: 'pie', 
                      labels: {
                          visible: true,
                          format: '{0}%',
                          background: 'transparent'
                      }
                     }"