2017.4.5 开发日记

最新推荐文章于 2017-10-31 20:33:27 发布

骑着菜鸟撞飞机

最新推荐文章于 2017-10-31 20:33:27 发布

阅读量240

点赞数

分类专栏：日记

本文链接：https://blog.csdn.net/u011807628/article/details/69266087

版权

日记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

日记（2017.4.5）

1、搞定了jquery+higncharts画柱状图
发现了一个很有趣的问题

function Searchs() {
            var start = document.getElementById("start").value;
            var end = document.getElementById("end").value;
            location.href = "#List";
            $("List", function () {
                $.ajax({
                    url: "../CountryAppSer.asmx/getComidityRank",
                    type: "POST",
                    data: { "start": start, "end": end },
                    timeout: 5000,
                    dataType: 'jsonp', 
                    async: false,
                    jsonp: 'jsoncallback', //替代在"callback=?"这种GET或POST请求中URL参数里的"callback"部分
                    success: function (json) {
                        if (json.Table == "0") {
                             alert("没找到数据！");
                            return;
                        }
                        var viewObj = $("#user_view");

                        for (var i = 0; i < json.Table.length; i++) {
                            var li = "<li data-theme=\"c\"> <p><span style=\"font-weight:bold;font-size:15px\">" + "第" + (i + 1) + "名&nbsp;&nbsp;&nbsp;" + json.Table[i]["ProdID"] + "</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style=\"font-size:10px\" class=\"ui-li-aside\">总计：" + json.Table[i]["OrderQty"] + "</span></p></lic>";
                            viewObj.append(li);
                        }
                        //document.write(li);一旦使用document.write则页面无法正常显示
                        var categoriesArr = new Array();
                        var seriesArr=new Array();
                        for (var i = 0; i < json.Table.length; i++)
                        {
                            categoriesArr[i] = json.Table[i]["ProdID"];
                            seriesArr[i] = parseInt(json.Table[i]["OrderQty"]);
                        }

                        Paint(categoriesArr,seriesArr);

                    },
                    error: function (json) {
                        alert("连接错误");
                        fog = 0;
                    }
                });
                Paint();
            }); 
        }
        function Paint(xArray, yArray) {
            var a = yArray[0];//此处一定要有一句话用到yArray. 
            //Alert/取值/赋值等等只要用到yArray就可以显示，没有就无显示.若找到问题所在电联17195590459  陈博文
            $('#container').highcharts({
                chart: {
                    type: 'bar'
                },
                title: {
                    text: '出货量排名（前十名）'
                },
                subtitle: {
                    text: '数据来源:'
                },
                xAxis: {
                    categories: xArray,
                    title: {
                        text: null
                    }
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: '出货总量 (匹)',
                        align: 'high'
                    },
                    labels: {
                        overflow: 'justify'
                    }
                },
                plotOptions: {
                    bar: {
                        dataLabels: {
                            enabled: true
                        }
                    }
                },
                credits: {
                    enabled: false
                },
                series: [{
                    name: '出货量排名',
                    data: yArray
                }]
            });

“` 错误的图
正确的图
2、SQL语句基础薄弱，明天要看一下W3C
3、JSON能不能当做普通参数在js的函数中传递？(要写一篇文章)
4、json、数组、对象的区别和书写方法。看一眼就要知道这是什么东西（应该不要写科普文了）
5、学会了ajax调用asmx webservice（要写一篇科普文）
6、JS的#用法