Javascript 如何为pageload上加载的内容制作幻灯片?
我想制作一个幻灯片,其中包含加载在两个Javascript 如何为pageload上加载的内容制作幻灯片?,javascript,jquery,jquery-ui,slideshow,Javascript,Jquery,Jquery Ui,Slideshow,我想制作一个幻灯片,其中包含加载在两个div上的两个仪表板 <div id="chartContainer1"></div> <div id="chartContainer2"></div> 你能把你已经做过的写下来吗?请添加一些代码。没有必要添加代码,因为我想澄清的是,@kmas先生,假设您有只包含文本的div,我们如何将这两个div放在幻灯片中?这里有很多答案。这就是我问你一些代码的原因。谢谢你的关注,但实际上没有代码可以让你指定我有什么,但
div
上的两个仪表板
<div id="chartContainer1"></div>
<div id="chartContainer2"></div>
你能把你已经做过的写下来吗?请添加一些代码。没有必要添加代码,因为我想澄清的是,@kmas先生,假设您有只包含文本的div,我们如何将这两个div放在幻灯片中?这里有很多答案。这就是我问你一些代码的原因。谢谢你的关注,但实际上没有代码可以让你指定我有什么,但无论如何,我会用我的页面代码修改这个问题。下面是代码,你现在看到了什么!!??
<div id="chartContainer1"></div>
<div id="chartContainer2"></div>
<script type="text/javascript">
//var dataSource = $("#chartContainer").dxChart('option', 'dataSource', {});
$.ajax({
type: "POST",
url: '@Url.Action("StatesChart", "Home")',
dataType: "html",
success: function (data) {
var array = JSON.parse(data);
$("#chartContainer1").dxPieChart({
dataSource: array,
title: "",
tooltip: {
enabled: true,
format: "decimal",
percentPrecision: 2,
//the text that will be shown on hober on any part of the pie
customizeText: function() {
return this.valueText + " - " + this.percentText;
}
},
//right details
legend: {
horizontalAlignment: "right",
verticalAlignment: "top",
margin: 4
},
series: {
type: "doughnut",
argumentField: "StateName",
valueField: "AllAssetsNumber",
label: {
visible: true,
format: "decimal",
connector: {
visible: true
}
}
}
});
},
error: function () {
alert('Save Failure', "error");
}
});
</script>