Angular Kendo-chart指令的工具提示未隐藏在iPad上

时间:2016-03-14 11:33:24

标签: javascript angularjs kendo-ui kendo-chart

我正在使用角度kendo-chart指令,如下所示

<div  id="chart" kendo-chart style="height: 100%"
	    		k-data-source="ctrl.myTrendSource"
	    		k-series="ctrl.chartOptions"
		        k-legend="ctrl.legendOptions"
		        k-value-axis="ctrl.valueAxisOptions"
		        k-category-axis="ctrl.categoryAxisOptions"
		        k-tooltip="ctrl.toolTipOptions"
		        k-series-hover="ctrl.onSeriesHover"
		        k-transitions="false">
	    </div>
在控制器中,我已经为k系列设置了chartOptions,如下面的

ctrl.chartOptions = [{
            type: 'line',
            field: 'score',
            name: 'My Performance',
            color: 'lightblue',
            markers: {
                type: 'rectangle',
                size: 8,
                border: 0,
                background: '#336699'
            },
            tooltip: {
                visible: true,
                template: '${dataItem.label}<br/>${dataItem.volume_label}'
            },
            categoryField: 'date',
            render: ctrl.onRender
        }];
工具提示在桌面上工作正常(可能因为事件绑定到'悬停'),即使我们更改当前视图,也不会隐藏iPad工具提示。

如果是iPad,我们需要点击图表上的点才能看到工具提示。然后,如果我点击图表上的某个位置,它会按预期隐藏,但如果我将网址(角度状态更改为'/ kendo-chart'更改为'/ login'),则不会隐藏工具提示。它持续存在于错误的页面上。

0 个答案:

没有答案