"

乐虎体育官网拥有全球最顶尖的原生APP,每天为您提供千场精彩体育赛事,乐虎体育官网更有真人、彩票、电子老虎机、真人电子竞技游戏等多种娱乐方式选择,乐虎体育官网让您尽享娱乐、赛事投注等,且无后顾之忧!

<cite id="jnxbr"></cite>
<cite id="jnxbr"></cite>
<cite id="jnxbr"><video id="jnxbr"></video></cite><cite id="jnxbr"></cite>
<cite id="jnxbr"></cite>
<var id="jnxbr"><strike id="jnxbr"></strike></var>
<cite id="jnxbr"><span id="jnxbr"><menuitem id="jnxbr"></menuitem></span></cite>
<cite id="jnxbr"></cite>
<cite id="jnxbr"><span id="jnxbr"></span></cite>
<cite id="jnxbr"></cite>
<cite id="jnxbr"></cite>
<cite id="jnxbr"></cite>
<var id="jnxbr"></var>
<cite id="jnxbr"></cite>
<cite id="jnxbr"></cite>
<cite id="jnxbr"></cite>
<var id="jnxbr"><strike id="jnxbr"><thead id="jnxbr"></thead></strike></var>
<cite id="jnxbr"><video id="jnxbr"><thead id="jnxbr"></thead></video></cite>
"

cssjshtml ajax+echart折线图

小编:啊南 6阅读 2020.12.21

折线效果图:linedata数据格式:
{"data": [{"data": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2749, 2151, 646, 2420, 217, 0, 0, 0, 0, 0, 0, 0, 0, 0], "name": "Apollo"}, {"data": [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, 4, 0, 0, 0, 3152, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], "name": "GCLOUD"}], "result": true}
html+js代码:
<div class="chart" id="chartB"></div>
  
<script type="text/javascript">
var linedata=[];
var arr = new Array(32)
for (var i = 1; i < arr.length; i++) {
  arr[i] = i;
}
         $.ajax({
                url: "/countalarm/",
                type: 'GET',
                dataType: 'json',
                success: function (res) {
                    //获取数据成功
                    if (res.result) {
                        linedata = res.data;
            $('#chartB').kendoChart({
                legend: {
                    position: "bottom"
                },
                theme: 'bootstrap',
                seriesDefaults: {
                    type: 'area',
                    area: {
                        line: {
                            style: "smooth"
                        }
                    }
                },
                categoryAxis: {
                    categories: arr,
                    majorGridLines: {
                        visible: false
                    }
                },
                series: linedata
            });
}     }
            });
    </script>
关联标签:
乐虎体育官网