4458 lines
104 KiB
HTML
4458 lines
104 KiB
HTML
<!DOCTYPE html><html><head><title>Ohio - US | Covid-19</title><meta charset="utf8"><link rel="stylesheet" href="/bootstrap.css"><script src="/Chart.bundle.js"></script><style>table td {
|
|
vertical-align: middle !important;
|
|
}</style></head><body><div class="container"><h1>Covid-19 Data</h1><p class="text-muted"><em>Data from <a href="https://github.com/CSSEGISandData/COVID-19">Johns Hopkins CSSE</a>.
|
|
This page generated from latest data as of 2020-04-27T05:31:20.242Z.
|
|
</em></p><div class="main-content"><h2><a class="float-right" href="/countries/us.html" style="font-size: 50%">◀ US</a>Ohio - US</h2><div class="card mb-4"><div class="card-body"><canvas class="mx-auto" id="main-chart" width="800" height="450"></canvas><script>(function() {
|
|
const canvas = document.getElementById('main-chart');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: ["2020-01-22","2020-01-23","2020-01-24","2020-01-25","2020-01-26","2020-01-27","2020-01-28","2020-01-29","2020-01-30","2020-01-31","2020-02-01","2020-02-02","2020-02-03","2020-02-04","2020-02-05","2020-02-06","2020-02-07","2020-02-08","2020-02-09","2020-02-10","2020-02-11","2020-02-12","2020-02-13","2020-02-14","2020-02-15","2020-02-16","2020-02-17","2020-02-18","2020-02-19","2020-02-20","2020-02-21","2020-02-22","2020-02-23","2020-02-24","2020-02-25","2020-02-26","2020-02-27","2020-02-28","2020-02-29","2020-03-01","2020-03-02","2020-03-03","2020-03-04","2020-03-05","2020-03-06","2020-03-07","2020-03-08","2020-03-09","2020-03-10","2020-03-11","2020-03-12","2020-03-13","2020-03-14","2020-03-15","2020-03-16","2020-03-17","2020-03-18","2020-03-19","2020-03-20","2020-03-21","2020-03-22","2020-03-23","2020-03-24","2020-03-25","2020-03-26","2020-03-27","2020-03-28","2020-03-29","2020-03-30","2020-03-31","2020-04-01","2020-04-02","2020-04-03","2020-04-04","2020-04-05","2020-04-06","2020-04-07","2020-04-08","2020-04-09","2020-04-10","2020-04-11","2020-04-12","2020-04-13","2020-04-14","2020-04-15","2020-04-16","2020-04-17","2020-04-18","2020-04-19","2020-04-20","2020-04-21","2020-04-22","2020-04-23","2020-04-24","2020-04-25","2020-04-26"],
|
|
datasets: [
|
|
{
|
|
label: 'Total Deaths',
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,3,6,8,11,15,19,25,29,40,55,65,81,91,102,119,142,167,193,213,231,247,253,274,324,362,407,418,451,471,509,557,610,656,690,711,728],
|
|
fill: true,
|
|
borderColor: 'rgb(196, 64, 64)',
|
|
borderWidth: 1,
|
|
backgroundColor: 'rgba(196, 128, 128, 0.25)',
|
|
},
|
|
{
|
|
label: 'New Deaths',
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,0,0,3,2,3,4,4,6,4,11,15,10,16,10,11,17,23,25,26,20,18,16,6,21,50,38,45,11,33,20,38,48,53,46,34,21,17],
|
|
fill: true,
|
|
borderColor: 'rgb(64, 64, 64)',
|
|
borderWidth: 1,
|
|
backgroundColor: 'rgba(128, 128, 128, 0.75)',
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
title: {
|
|
display: true,
|
|
position: 'top',
|
|
text: "Ohio"
|
|
},
|
|
tooltips: {
|
|
intersect: false,
|
|
position: 'nearest',
|
|
axis: 'x',
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: true,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: true,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></div></div><div class="table-responsive" id="table"><table class="table table-sm table-hover"><thead><tr><th>#</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:name:asc">▲</a><a href="#sort:name:desc">▼</a></span>County/Region</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:total:asc">▲</a><a href="#sort:total:desc">▼</a></span>Deaths</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:yesterday:asc">▲</a><a href="#sort:yesterday:desc">▼</a></span>…since yesterday</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:week:asc">▲</a><a href="#sort:week:desc">▼</a></span>…since last week</th><th><span class="sortables float-left mr-2 d-inline-flex flex-column" style="font-size: 50%"><a href="#sort:month:asc">▲</a><a href="#sort:month:desc">▼</a></span>…month-to-date</th><th>Last 14 days</th></tr></thead><tbody><tr id="row-adams" data-name="Adams" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">1</td><td>Adams</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-0" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-0');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-allen" data-name="Allen" data-total="18" data-yesterday="1" data-week="7" data-month="18"><td class="sort-order">2</td><td>Allen</td><td class="text-right">18</td><td class="text-right">1</td><td class="text-right">7</td><td class="text-right">18</td><td><canvas id="sparkline-1" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-1');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [4,4,4,6,9,11,11,11,12,12,14,15,17,18],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-ashland" data-name="Ashland" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">3</td><td>Ashland</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-2" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-2');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-ashtabula" data-name="Ashtabula" data-total="10" data-yesterday="0" data-week="4" data-month="10"><td class="sort-order">4</td><td>Ashtabula</td><td class="text-right">10</td><td class="text-right">0</td><td class="text-right">4</td><td class="text-right">10</td><td><canvas id="sparkline-3" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-3');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [2,2,3,3,4,4,5,6,6,6,7,8,10,10],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-athens" data-name="Athens" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">5</td><td>Athens</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-4" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-4');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-auglaize" data-name="Auglaize" data-total="3" data-yesterday="0" data-week="1" data-month="3"><td class="sort-order">6</td><td>Auglaize</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">3</td><td><canvas id="sparkline-5" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-5');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,2,2,2,3,3,3,3,3,3],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-belmont" data-name="Belmont" data-total="6" data-yesterday="0" data-week="1" data-month="6"><td class="sort-order">7</td><td>Belmont</td><td class="text-right">6</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">6</td><td><canvas id="sparkline-6" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-6');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [2,3,3,3,3,3,3,5,6,6,6,6,6,6],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-brown" data-name="Brown" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">8</td><td>Brown</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-7" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-7');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-butler" data-name="Butler" data-total="4" data-yesterday="0" data-week="2" data-month="4"><td class="sort-order">9</td><td>Butler</td><td class="text-right">4</td><td class="text-right">0</td><td class="text-right">2</td><td class="text-right">4</td><td><canvas id="sparkline-8" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-8');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [2,2,2,2,2,2,2,2,2,4,4,4,4,4],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-carroll" data-name="Carroll" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">10</td><td>Carroll</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-9" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-9');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-champaign" data-name="Champaign" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">11</td><td>Champaign</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-10" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-10');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-clark" data-name="Clark" data-total="2" data-yesterday="1" data-week="2" data-month="2"><td class="sort-order">12</td><td>Clark</td><td class="text-right">2</td><td class="text-right">1</td><td class="text-right">2</td><td class="text-right">2</td><td><canvas id="sparkline-11" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-11');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,1,1,1,2],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-clermont" data-name="Clermont" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">13</td><td>Clermont</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-12" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-12');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,2,3,2,2,2,2,2],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-clinton" data-name="Clinton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">14</td><td>Clinton</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-13" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-13');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-columbiana" data-name="Columbiana" data-total="18" data-yesterday="0" data-week="5" data-month="16"><td class="sort-order">15</td><td>Columbiana</td><td class="text-right">18</td><td class="text-right">0</td><td class="text-right">5</td><td class="text-right">16</td><td><canvas id="sparkline-14" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-14');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [6,8,10,10,11,13,13,13,16,16,16,18,18,18],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-coshocton" data-name="Coshocton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">16</td><td>Coshocton</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-15" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-15');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-crawford" data-name="Crawford" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">17</td><td>Crawford</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-16" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-16');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-cuyahoga" data-name="Cuyahoga" data-total="91" data-yesterday="0" data-week="36" data-month="85"><td class="sort-order">18</td><td>Cuyahoga</td><td class="text-right">91</td><td class="text-right">0</td><td class="text-right">36</td><td class="text-right">85</td><td><canvas id="sparkline-17" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-17');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [24,33,39,42,48,52,53,55,64,79,83,91,91,91],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-darke" data-name="Darke" data-total="13" data-yesterday="1" data-week="2" data-month="12"><td class="sort-order">19</td><td>Darke</td><td class="text-right">13</td><td class="text-right">1</td><td class="text-right">2</td><td class="text-right">12</td><td><canvas id="sparkline-18" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-18');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [9,10,10,10,10,10,10,11,11,11,12,12,12,13],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-defiance" data-name="Defiance" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">20</td><td>Defiance</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-19" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-19');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-delaware" data-name="Delaware" data-total="3" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">21</td><td>Delaware</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-20" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-20');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [2,2,3,3,3,3,3,3,3,3,3,3,3,3],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-erie" data-name="Erie" data-total="3" data-yesterday="0" data-week="1" data-month="2"><td class="sort-order">22</td><td>Erie</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-21" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-21');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,2,2,3,3,3,3,3,3],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-fairfield" data-name="Fairfield" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">23</td><td>Fairfield</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-22" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-22');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,2,2,2,2,2,2,2,2,2,2,2],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-fayette" data-name="Fayette" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">24</td><td>Fayette</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-23" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-23');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-franklin" data-name="Franklin" data-total="53" data-yesterday="3" data-week="18" data-month="50"><td class="sort-order">25</td><td>Franklin</td><td class="text-right">53</td><td class="text-right">3</td><td class="text-right">18</td><td class="text-right">50</td><td><canvas id="sparkline-24" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-24');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [15,18,19,19,22,27,29,35,37,42,46,48,50,53],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-fulton" data-name="Fulton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">26</td><td>Fulton</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-25" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-25');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-gallia" data-name="Gallia" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">27</td><td>Gallia</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-26" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-26');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-geauga" data-name="Geauga" data-total="14" data-yesterday="0" data-week="5" data-month="14"><td class="sort-order">28</td><td>Geauga</td><td class="text-right">14</td><td class="text-right">0</td><td class="text-right">5</td><td class="text-right">14</td><td><canvas id="sparkline-27" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-27');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [2,3,4,4,4,4,4,9,9,9,9,9,14,14],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-greene" data-name="Greene" data-total="3" data-yesterday="0" data-week="1" data-month="2"><td class="sort-order">29</td><td>Greene</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">2</td><td><canvas id="sparkline-28" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-28');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,2,2,2,2,2,2,2,3,3,3,3,3,3],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-guernsey" data-name="Guernsey" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">30</td><td>Guernsey</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-29" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-29');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-hamilton" data-name="Hamilton" data-total="56" data-yesterday="2" data-week="19" data-month="56"><td class="sort-order">31</td><td>Hamilton</td><td class="text-right">56</td><td class="text-right">2</td><td class="text-right">19</td><td class="text-right">56</td><td><canvas id="sparkline-30" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-30');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [21,24,27,29,30,30,33,37,39,45,47,51,54,56],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-hancock" data-name="Hancock" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">32</td><td>Hancock</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-31" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-31');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-hardin" data-name="Hardin" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">33</td><td>Hardin</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-32" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-32');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-harrison" data-name="Harrison" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">34</td><td>Harrison</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-33" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-33');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-henry" data-name="Henry" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">35</td><td>Henry</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-34" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-34');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-highland" data-name="Highland" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">36</td><td>Highland</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-35" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-35');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-hocking" data-name="Hocking" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">37</td><td>Hocking</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-36" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-36');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-holmes" data-name="Holmes" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">38</td><td>Holmes</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-37" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-37');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-huron" data-name="Huron" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">39</td><td>Huron</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-38" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-38');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,2,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-jackson" data-name="Jackson" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">40</td><td>Jackson</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-39" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-39');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-jefferson" data-name="Jefferson" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">41</td><td>Jefferson</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-40" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-40');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-knox" data-name="Knox" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">42</td><td>Knox</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-41" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-41');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-lake" data-name="Lake" data-total="7" data-yesterday="0" data-week="1" data-month="5"><td class="sort-order">43</td><td>Lake</td><td class="text-right">7</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">5</td><td><canvas id="sparkline-42" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-42');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [6,6,6,6,6,6,6,6,6,6,6,7,7,7],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-lawrence" data-name="Lawrence" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">44</td><td>Lawrence</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-43" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-43');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-licking" data-name="Licking" data-total="4" data-yesterday="0" data-week="0" data-month="4"><td class="sort-order">45</td><td>Licking</td><td class="text-right">4</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">4</td><td><canvas id="sparkline-44" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-44');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [3,3,3,4,4,4,4,4,4,4,4,4,4,4],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-logan" data-name="Logan" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">46</td><td>Logan</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-45" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-45');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-lorain" data-name="Lorain" data-total="19" data-yesterday="0" data-week="1" data-month="17"><td class="sort-order">47</td><td>Lorain</td><td class="text-right">19</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">17</td><td><canvas id="sparkline-46" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-46');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [6,7,7,9,14,16,17,18,19,19,19,19,19,19],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-lucas" data-name="Lucas" data-total="59" data-yesterday="0" data-week="26" data-month="56"><td class="sort-order">48</td><td>Lucas</td><td class="text-right">59</td><td class="text-right">0</td><td class="text-right">26</td><td class="text-right">56</td><td><canvas id="sparkline-47" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-47');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [21,25,28,28,28,31,33,33,36,44,55,58,59,59],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-madison" data-name="Madison" data-total="3" data-yesterday="0" data-week="0" data-month="3"><td class="sort-order">49</td><td>Madison</td><td class="text-right">3</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">3</td><td><canvas id="sparkline-48" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-48');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [3,3,3,3,3,3,3,3,3,3,3,3,3,3],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-mahoning" data-name="Mahoning" data-total="66" data-yesterday="0" data-week="16" data-month="57"><td class="sort-order">50</td><td>Mahoning</td><td class="text-right">66</td><td class="text-right">0</td><td class="text-right">16</td><td class="text-right">57</td><td><canvas id="sparkline-49" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-49');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [31,35,41,42,44,45,48,50,54,56,62,65,66,66],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-marion" data-name="Marion" data-total="4" data-yesterday="0" data-week="3" data-month="4"><td class="sort-order">51</td><td>Marion</td><td class="text-right">4</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">4</td><td><canvas id="sparkline-50" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-50');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,1,1,1,1,1,1,3,3,4,4,4],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-medina" data-name="Medina" data-total="13" data-yesterday="0" data-week="2" data-month="12"><td class="sort-order">52</td><td>Medina</td><td class="text-right">13</td><td class="text-right">0</td><td class="text-right">2</td><td class="text-right">12</td><td><canvas id="sparkline-51" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-51');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [8,9,10,10,10,10,10,11,11,12,13,13,13,13],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-meigs" data-name="Meigs" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">53</td><td>Meigs</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-52" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-52');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-mercer" data-name="Mercer" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">54</td><td>Mercer</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-53" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-53');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-miami" data-name="Miami" data-total="25" data-yesterday="0" data-week="3" data-month="19"><td class="sort-order">55</td><td>Miami</td><td class="text-right">25</td><td class="text-right">0</td><td class="text-right">3</td><td class="text-right">19</td><td><canvas id="sparkline-54" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-54');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [15,19,21,22,22,22,22,22,22,22,23,24,25,25],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-monroe" data-name="Monroe" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">56</td><td>Monroe</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-55" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-55');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-montgomery" data-name="Montgomery" data-total="8" data-yesterday="0" data-week="0" data-month="7"><td class="sort-order">57</td><td>Montgomery</td><td class="text-right">8</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">7</td><td><canvas id="sparkline-56" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-56');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [7,8,8,8,8,8,8,8,8,10,12,9,8,8],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-morgan" data-name="Morgan" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">58</td><td>Morgan</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-57" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-57');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-morrow" data-name="Morrow" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">59</td><td>Morrow</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-58" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-58');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-muskingum" data-name="Muskingum" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">60</td><td>Muskingum</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-59" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-59');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-noble" data-name="Noble" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">61</td><td>Noble</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-60" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-60');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-ottawa" data-name="Ottawa" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">62</td><td>Ottawa</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-61" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-61');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-paulding" data-name="Paulding" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">63</td><td>Paulding</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-62" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-62');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-perry" data-name="Perry" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">64</td><td>Perry</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-63" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-63');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-pickaway" data-name="Pickaway" data-total="5" data-yesterday="0" data-week="0" data-month="5"><td class="sort-order">65</td><td>Pickaway</td><td class="text-right">5</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">5</td><td><canvas id="sparkline-64" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-64');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,4,4,4,4,5,5,5,5,5,5,5],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-pike" data-name="Pike" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">66</td><td>Pike</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-65" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-65');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-portage" data-name="Portage" data-total="31" data-yesterday="0" data-week="7" data-month="30"><td class="sort-order">67</td><td>Portage</td><td class="text-right">31</td><td class="text-right">0</td><td class="text-right">7</td><td class="text-right">30</td><td><canvas id="sparkline-66" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-66');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [17,20,22,24,24,24,24,24,30,31,31,31,31,31],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-preble" data-name="Preble" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">68</td><td>Preble</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-67" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-67');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-putnam" data-name="Putnam" data-total="5" data-yesterday="0" data-week="5" data-month="5"><td class="sort-order">69</td><td>Putnam</td><td class="text-right">5</td><td class="text-right">0</td><td class="text-right">5</td><td class="text-right">5</td><td><canvas id="sparkline-68" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-68');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,2,3,4,5,5],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-richland" data-name="Richland" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">70</td><td>Richland</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-69" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-69');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-ross" data-name="Ross" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">71</td><td>Ross</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-70" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-70');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-sandusky" data-name="Sandusky" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">72</td><td>Sandusky</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-71" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-71');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [2,2,2,2,2,2,2,2,2,2,2,2,2,2],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-scioto" data-name="Scioto" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">73</td><td>Scioto</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-72" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-72');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-seneca" data-name="Seneca" data-total="1" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">74</td><td>Seneca</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-73" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-73');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,1,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-shelby" data-name="Shelby" data-total="1" data-yesterday="0" data-week="1" data-month="1"><td class="sort-order">75</td><td>Shelby</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">1</td><td class="text-right">1</td><td><canvas id="sparkline-74" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-74');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-stark" data-name="Stark" data-total="34" data-yesterday="0" data-week="9" data-month="31"><td class="sort-order">76</td><td>Stark</td><td class="text-right">34</td><td class="text-right">0</td><td class="text-right">9</td><td class="text-right">31</td><td><canvas id="sparkline-75" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-75');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [12,17,17,21,22,23,24,25,28,28,30,34,34,34],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-summit" data-name="Summit" data-total="38" data-yesterday="3" data-week="14" data-month="33"><td class="sort-order">77</td><td>Summit</td><td class="text-right">38</td><td class="text-right">3</td><td class="text-right">14</td><td class="text-right">33</td><td><canvas id="sparkline-76" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-76');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [15,15,15,16,17,20,21,24,28,30,32,35,35,38],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-trumbull" data-name="Trumbull" data-total="24" data-yesterday="1" data-week="4" data-month="22"><td class="sort-order">78</td><td>Trumbull</td><td class="text-right">24</td><td class="text-right">1</td><td class="text-right">4</td><td class="text-right">22</td><td><canvas id="sparkline-77" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-77');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [10,13,13,14,15,16,19,20,21,21,22,23,23,24],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-tuscarawas" data-name="Tuscarawas" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">79</td><td>Tuscarawas</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-78" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-78');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-union" data-name="Union" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">80</td><td>Union</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-79" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-79');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-van-wert" data-name="Van Wert" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">81</td><td>Van Wert</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-80" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-80');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-vinton" data-name="Vinton" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">82</td><td>Vinton</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-81" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-81');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-warren" data-name="Warren" data-total="11" data-yesterday="1" data-week="2" data-month="11"><td class="sort-order">83</td><td>Warren</td><td class="text-right">11</td><td class="text-right">1</td><td class="text-right">2</td><td class="text-right">11</td><td><canvas id="sparkline-82" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-82');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,3,3,4,5,8,9,9,10,10,10,10,10,11],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-washington" data-name="Washington" data-total="10" data-yesterday="2" data-week="4" data-month="10"><td class="sort-order">84</td><td>Washington</td><td class="text-right">10</td><td class="text-right">2</td><td class="text-right">4</td><td class="text-right">10</td><td><canvas id="sparkline-83" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-83');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [1,2,4,5,5,6,6,6,6,6,8,8,8,10],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-wayne" data-name="Wayne" data-total="21" data-yesterday="1" data-week="7" data-month="21"><td class="sort-order">85</td><td>Wayne</td><td class="text-right">21</td><td class="text-right">1</td><td class="text-right">7</td><td class="text-right">21</td><td><canvas id="sparkline-84" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-84');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [5,5,10,11,11,12,12,14,16,18,18,18,20,21],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-williams" data-name="Williams" data-total="1" data-yesterday="0" data-week="0" data-month="1"><td class="sort-order">86</td><td>Williams</td><td class="text-right">1</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">1</td><td><canvas id="sparkline-85" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-85');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,1,1,1,1,1,1,1,1,1,1,1,1],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-wood" data-name="Wood" data-total="17" data-yesterday="1" data-week="5" data-month="17"><td class="sort-order">87</td><td>Wood</td><td class="text-right">17</td><td class="text-right">1</td><td class="text-right">5</td><td class="text-right">17</td><td><canvas id="sparkline-86" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-86');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [4,4,5,5,6,9,9,12,13,13,15,15,16,17],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-wyandot" data-name="Wyandot" data-total="2" data-yesterday="0" data-week="0" data-month="2"><td class="sort-order">88</td><td>Wyandot</td><td class="text-right">2</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">2</td><td><canvas id="sparkline-87" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-87');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [2,2,2,2,2,2,2,2,2,2,2,2,2,2],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-out-of-oh" data-name="Out of OH" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">89</td><td>Out of OH</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-88" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-88');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr><tr id="row-unassigned" data-name="Unassigned" data-total="0" data-yesterday="0" data-week="0" data-month="0"><td class="sort-order">90</td><td>Unassigned</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td class="text-right">0</td><td><canvas id="sparkline-89" width="200" height="50"></canvas><script>(function() {
|
|
const canvas = document.getElementById('sparkline-89');
|
|
const chart = new Chart(canvas.getContext('2d'), {
|
|
type: 'line',
|
|
data: {
|
|
labels: [ 1, 2, 3, 4, 5, 6, 7, 8, 10, 11, 12, 13, 14 ],
|
|
datasets: [
|
|
{
|
|
data: [0,0,0,16,0,0,0,0,0,0,0,0,0,0],
|
|
}
|
|
],
|
|
},
|
|
options: {
|
|
responsive: false,
|
|
legend: {
|
|
display: false,
|
|
},
|
|
elements: {
|
|
line: {
|
|
borderColor: '#000000',
|
|
borderWidth: 1,
|
|
},
|
|
point: {
|
|
radius: 0,
|
|
},
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
},
|
|
scales: {
|
|
yAxes: [
|
|
{
|
|
display: false,
|
|
ticks: {
|
|
precision: 0,
|
|
beginAtZero: true,
|
|
}
|
|
},
|
|
],
|
|
xAxes: [
|
|
{
|
|
display: false,
|
|
},
|
|
],
|
|
}
|
|
}
|
|
});
|
|
}());
|
|
</script></td></tr></tbody></table></div><script>(function() {
|
|
const tbody = document.getElementById('table').querySelector('tbody');
|
|
const allRows = [].slice.call(tbody.querySelectorAll('tbody tr'));
|
|
|
|
const resortTable = () => {
|
|
let nextChild = null;
|
|
for (let i = allRows.length - 1; i >= 0; i--) {
|
|
const row = allRows[i];
|
|
if (!row) {
|
|
continue;
|
|
}
|
|
if (row === nextChild) {
|
|
continue;
|
|
}
|
|
|
|
tbody.insertBefore(row, nextChild);
|
|
row.querySelector('.sort-order').textContent = (i + 1).toString();
|
|
nextChild = row;
|
|
}
|
|
};
|
|
|
|
const handleSort = (value, dir) => {
|
|
const newSortDir = dir === 'desc' ? 'desc' : 'asc';
|
|
const sortByNumberThenName = (attr) => {
|
|
allRows.sort((a, b) => {
|
|
const aValue = Number(a.getAttribute('data-' + attr));
|
|
const bValue = Number(b.getAttribute('data-' + attr));
|
|
if (aValue === bValue) {
|
|
const aName = a.getAttribute('data-name');
|
|
const bName = b.getAttribute('data-name');
|
|
return aName.localeCompare(bName);
|
|
}
|
|
|
|
return aValue < bValue ?
|
|
(newSortDir === 'asc' ? -1 : 1) :
|
|
(newSortDir === 'asc' ? 1 : -1);
|
|
});
|
|
resortTable();
|
|
};
|
|
switch (value) {
|
|
case 'name':
|
|
allRows.sort((a, b) => {
|
|
const aName = a.getAttribute('data-name');
|
|
const bName = b.getAttribute('data-name');
|
|
if (newSortDir === 'asc') {
|
|
return aName.localeCompare(bName);
|
|
}
|
|
|
|
return bName.localeCompare(aName);
|
|
});
|
|
resortTable();
|
|
break;
|
|
case 'total':
|
|
sortByNumberThenName('total');
|
|
break;
|
|
case 'yesterday':
|
|
sortByNumberThenName('yesterday');
|
|
break;
|
|
case 'week':
|
|
sortByNumberThenName('week');
|
|
break;
|
|
case 'month':
|
|
sortByNumberThenName('month');
|
|
break;
|
|
}
|
|
};
|
|
|
|
const handleHash = (hash) => {
|
|
const sortValue = hash.replace(/^#sort:/, '').split(':');
|
|
handleSort(sortValue[0], sortValue[1]);
|
|
};
|
|
|
|
window.addEventListener('hashchange', () => {
|
|
handleHash(window.location.hash);
|
|
});
|
|
|
|
handleHash(window.location.hash);
|
|
}());</script></div></div></body></html> |