Scribd Logo
Upload

Welcome to Scribd!

  • Hsadfasdfasd

    Uploaded by

    vijaykanth A
    6 views3 pages

    Original Title

    hsadfasdfasd

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views3 pages

    Hsadfasdfasd

    Uploaded by

    vijaykanth A

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <html >

    <head>
    <link data-require="bootstrap-css@*" data-semver="3.3.6" rel="stylesheet"
    href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />
    <style>
    .logolink{font-size:3em;font-weight:bold}
    .logolink #red{color:#cc0000}
    .logolink #small{color:#aaa; font-size:0.5em;}
    .transaction_details{display:none;font-family:courier;font-
    size:0.8em;border:1px solid #ccc;padding:10px}
    </style>
    <script src="https://www.gstatic.com/charts/loader.js"></script>

    <script type="text/javascript">
    google.charts.load('current', {packages: ['corechart','gauge']});
    google.charts.setOnLoadCallback( function() { drawChartPass(dataPass) });
    google.charts.setOnLoadCallback( function() { drawChartMTI(dataMTI) });
    google.charts.setOnLoadCallback( function() { drawChartRC(dataRC) });
    google.charts.setOnLoadCallback( function() { drawChartPC(dataPC) });
    google.charts.setOnLoadCallback( function() { drawChartTPS(dataTPS) });
    google.charts.setOnLoadCallback( function() { drawChartTimeline(dataTimeline) });

    var txDivs = [];


    function funcShowHide(divID) {
    var x = document.getElementById(divID);
    if (x.style.display === 'none') {
    x.style.display = 'block';
    } else {
    x.style.display = 'none';
    }
    }
    function funcExpandAll(){
    for (var j = 0; j < txDivs.length; j++){
    funcShowHide(txDivs[j]);
    }
    }

    function drawChartPass(dataParam) {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Col1');
    data.addColumn('number', 'Col2');
    data.addRows(dataParam);
    var options = {'title':'Pass/Fail Rate','width':550,'height':350};
    var chart = new
    google.visualization.PieChart(document.getElementById('chart_div_pass'));
    chart.draw(data, options);
    }

    function drawChartMTI(dataParam) {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Col1');
    data.addColumn('number', 'Col2');
    data.addRows(dataParam);
    var options = {'title':'Transaction Types
    Recorded','width':550,'height':350};
    var chart = new
    google.visualization.PieChart(document.getElementById('chart_div_mti'));
    chart.draw(data, options);
    }
    function drawChartRC(dataParam) {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Col1');
    data.addColumn('number', 'Col2');
    data.addRows(dataParam);
    var options = {'title':'Response Codes Recorded','width':550,'height':350};
    var chart = new
    google.visualization.PieChart(document.getElementById('chart_div_rc'));
    chart.draw(data, options);
    }
    function drawChartPC(dataParam) {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Col1');
    data.addColumn('number', 'Col2');
    data.addRows(dataParam);
    var options = {'title':'Processing Codes Recorded','width':550,'height':350};
    var chart = new
    google.visualization.PieChart(document.getElementById('chart_div_pc'));
    chart.draw(data, options);
    }
    function drawChartTPS(dataParam) {
    var data = google.visualization.arrayToDataTable([['Label', 'Value'],['TPS',
    68]]);
    data.setValue(0,1,dataParam)
    var options = {width: 550, height:350,redFrom: 90, redTo: 100,yellowFrom:70,
    yellowTo: 90,minorTicks: 10,};
    var chart = new
    google.visualization.Gauge(document.getElementById('chart_div_tps'));
    chart.draw(data, options);
    }
    function drawChartTimeline(dataParam) {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Col1');
    data.addColumn('number', 'Col2');
    data.addRows(dataParam);
    var options = {'title':'Timeline','width':550,'height':350};
    var chart = new
    google.visualization.LineChart(document.getElementById('chart_div_timeline'));
    chart.draw(data, options);
    }

    </script>
    </head>
    <body>
    <div class="container-fluid">
    <a href="http://neapay.com" class="logolink">nea<span id="red">Pay</span>
    <span id="small">[payment solutions]</span></a>
    <div class="row">
    <!--Divs that will hold the charts-->
    <div id="chart_div_pass" class="col-sm-6"></div>
    <div id="chart_div_mti" class="col-sm-6"></div>
    <div id="chart_div_rc" class="col-sm-6"></div>
    <div id="chart_div_pc" class="col-sm-6"></div>
    <div id="chart_div_tps" class="col-sm-6"></div>
    <div id="chart_div_timeline" class="col-sm-6"></div>

    </div>
    <div class="panel">
    <button id="expand_all" class="btn btn-info"
    onclick="funcExpandAll()">Expand / Colapse All</button></div>

    You might also like