Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何为pageload上加载的内容制作幻灯片?_Javascript_Jquery_Jquery Ui_Slideshow - Fatal编程技术网

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>