CINXE.COM
<head> <style> body { font-family: Roboto, sans-serif; } #chart { max-width: 650px; margin: 35px auto; } #links { font-size: small; } </style> <script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/apexcharts/3.37.0/apexcharts.js"></script> <script src="https://tools-static.wmflabs.org/cdnjs/ajax/libs/jquery/3.6.3/jquery.min.js"></script> </head> <body> <div id="links"> <b>Reports:</b> <a href='chart.php?type=reviewers'>reviewers</a> <a href='chart.php?type=activeReviewers'>activeReviewers</a> <a href='chart.php?type=unreviewedArticles'>unreviewedArticles</a> unreviewedRedirects <a href='chart.php?type=reviewedArticles'>reviewedArticles</a> <a href='chart.php?type=reviewedRedirects'>reviewedRedirects</a> <a href='chart.php?type=autoreviewedRedirects'>autoreviewedRedirects</a></div> <div id="chart"> </div> <script> var options = { chart: { type: 'line' }, series: [], title: { text: 'NPP Stats', }, noData: { text: 'Loading...' }, title: { text: 'UnreviewedRedirects' } } var chart = new ApexCharts(document.querySelector("#chart"), options); chart.render(); var url = 'data.php?type=unreviewedRedirects&period=182'; $.getJSON(url, function(response) { chart.updateSeries([{ name: 'unreviewedRedirects', data: response }]) }); </script> <div style="float:right;"><img src="images/CC-0.png"/></div> <body>