zoukankan      html  css  js  c++  java
  • asp.net mvc 之显示24小时折线对比数据

    我这里因为没有数据,所以就给出个大概图吧,实现的结果是,a的值和b的值都在图中显示,两者进行对比

    前台代码:

     function getzhe() {
                var yset = new Array();
                var x1 = new Array();
                var x2 = new Array();
                $.ajax({
                    type: 'get',
                    url: "/DeFault/GetHH",
                    datatype: 'json',
                    success: function (data) {
                        data = $.parseJSON(data);
                        for (var i = 0; i < data.length; i++) {
                            yset[i] = data[i].day_date;
                            x1[i] = parseInt(data[i]["count"]);
                            x2[i] = parseInt(data[i]["wh_count"]);
                        }
                        $('#lineChart').highcharts({
                            chart: {
                                type: 'area'
                            },
                            title: {
                                text: null
                            },
                            subtitle: {
                                text: ''
                            },
                            xAxis: {
                                categories:yset,
                                title: {
                                    text: null
                                }
                            },
                            yAxis: {
                                min: 0,
                                title: {
                                    text: '数量(次)',
                                    align: 'high'
                                },
                                labels: {
                                    overflow: 'justify'
                                }
                            },
                            tooltip: {
                                valueSuffix: '个'
                            },
                            plotOptions: {
                                bar: {
                                    dataLabels: {
                                        enabled: true
                                    }
                                }
                            },
                            legend: {
                                layout: 'vertical',
                                align: 'right',
                                verticalAlign: 'top',
                                x: -40,
                                y: 100,
                                floating: true,
                                borderWidth: 1,
                                backgroundColor: '#FFFFFF',
                                shadow: true
                            },
                            credits: {
                                enabled: false
                            },
                            series: [
                                {
                                    name: "总话务",
                                    showInLegend: false,
                                    data: x1
                                },
                                {
                                    name: "外话",
                                    showInLegend: false,
                                    data: x2
                                }
                            ]
                        });
                    }
                });
            }

    后台代码实现:

  • 相关阅读:
    Java设计模式菜鸟系列(四)工厂方法模式建模与实现
    决策树分类
    SVD神秘值分解
    省市区三级联动菜单(附数据库)
    POJ 3076 Sudoku (dancing links)
    HDOJ 4862 Jump
    BEGINNING SHAREPOINT&#174; 2013 DEVELOPMENT 第3章节--SharePoint 2013 开发者工具 站点设置
    Transparency Tutorial with C#
    【剑指offer】不用加减乘除做加法
    POJ2112_Optimal Milking(网洛流最大流Dinic+最短路Flody+二分)
  • 原文地址:https://www.cnblogs.com/gxwa/p/9103352.html
Copyright © 2011-2022 走看看