Kendo ui 剑道移动图表不可滚动?
这里 我正在三星Galaxy S4和Chrome的移动模拟器上进行测试Kendo ui 剑道移动图表不可滚动?,kendo-ui,kendo-mobile,Kendo Ui,Kendo Mobile,这里 我正在三星Galaxy S4和Chrome的移动模拟器上进行测试 <div class="demo-section"> <div id="drawer"> <a href="#" data-target="DashBoard" class="drawer-link active"> DashBoard </a> <a href="#" data-target
<div class="demo-section">
<div id="drawer">
<a href="#" data-target="DashBoard" class="drawer-link active">
DashBoard
</a>
<a href="#" data-target="BioMarkers" class="drawer-link">BioMarkers</a>
<a href="#" data-target="LifeStyle" class="drawer-link">LifeStyle</a>
<a href="#" data-target="Settings" class="drawer-link">Settings</a>
</div>
<div id="content-container" >
<a id="drawer-trigger" href="#"></a>
<div id="DashBoard" class="inner-content" style="height: 100%;width:100%;padding:5px;">
<h3>DashBoard</h3>
<br />
<div id="_steps">
<h4>Steps</h4>
<div id="steps" style="height: 80px; background-color: lightgray;"></div>
</div>
<br />
<div id="_distance">
<h4>Distance</h4>
<div id="distance" style="height: 80px; background-color: lightgray;"></div>
</div>
<br />
<div id="_calories">
<h4>Calories Out</h4>
<div id="caloriesout" style="height: 80px; background-color: lightgray;"></div>
</div>
</div>
<div id="BioMarkers" class="inner-content">
BioMarkers
</div>
<div id="LifeStyle" class="inner-content">
LifeStyle
</div>
<div id="Settings" class="inner-content">
Settings
</div>
</div>
</div>
$(document).ready(function () {
$("#steps").width($("#_steps").width());
$("#distance").width($("#_distance").width());
$("#caloriesout").width($("#_calories").width());
$("#steps").kendoSparkline({
dataSource: {
data: actData
},
type: "area",
seriesColors: ["blue"],
series: [{
name: "steps",
field: "steps",
categoryField: "createddate"
}],
});
$("#distance").kendoSparkline({
dataSource: {
data: actData
},
seriesColors: ["green"],
series: [{
name: "distances",
field: "distances",
categoryField: "createddate"
}],
});
$("#caloriesout").kendoSparkline({
dataSource: {
data: actData
},
type: "column",
seriesColors: ["red"],
series: [{
name: "caloriesOut",
field: "caloriesOut",
categoryField: "createddate"
}],
});
});
$(function () {
$("#drawer").kendoMobileDrawer({
container: "#content-container"
});
$("#drawer-trigger").click(function () {
$("#drawer").data("kendoMobileDrawer").show();
return false;
});
$(".drawer-link").click(function () {
$("#drawer").data("kendoMobileDrawer").hide();
$(".drawer-link").removeClass("active");
$(this).addClass("active");
return false;
});
$(".drawer-link").click(function () {
$(".inner-content").hide();
$("#" + $(this).data("target")).show();
});
});
var app = new kendo.mobile.Application(document.body);
仪表板
台阶
距离
热量消耗
生物标志物
生活方式
设置
$(文档).ready(函数(){
$(“#步数”).width($(“#步数”).width();
$(“#距离”).width($(“#距离”).width();
$(“#卡路里输出”).width($(“#卡路里”).width();
$(“#步”)。肯多斯帕克林({
数据源:{
数据:actData
},
类型:“区域”,
系列颜色:[“蓝色”],
系列:[{
名称:“步骤”,
字段:“步骤”,
类别字段:“createddate”
}],
});
$(“#距离”)。肯多斯公园线({
数据源:{
数据:actData
},
系列颜色:[“绿色”],
系列:[{
名称:“距离”,
字段:“距离”,
类别字段:“createddate”
}],
});
$(“#卡路里输出”)。肯多斯帕克林({
数据源:{
数据:actData
},
键入:“列”,
系列颜色:[“红色”],
系列:[{
名称:“卡路里输出”,
字段:“卡路里输出”,
类别字段:“createddate”
}],
});
});
$(函数(){
$(“#抽屉”)。肯多姆比勒德劳({
容器:“#内容容器”
});
$(“#抽屉触发器”)。单击(函数(){
$(“#抽屉”).data(“kendoMobileDrawer”).show();
返回false;
});
$(“.drawer链接”)。单击(函数(){
$(“#抽屉”).data(“kendoMobileDrawer”).hide();
$(“.drawer link”).removeClass(“活动”);
$(此).addClass(“活动”);
返回false;
});
$(“.drawer链接”)。单击(函数(){
$(“.inner content”).hide();
$(“#”+$(this.data(“target”)).show();
});
});
var app=new kendo.mobile.Application(document.body);
我的问题是我不能用触摸屏滚动图表。我用的是kendoMobileDrawer
手机版本在url中你知道怎么做吗?