first commit
This commit is contained in:
198
admin-kalsport/themes/default/template/helpers/dataviz/graph.tpl
Normal file
198
admin-kalsport/themes/default/template/helpers/dataviz/graph.tpl
Normal file
@@ -0,0 +1,198 @@
|
||||
{**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/OSL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
||||
*}
|
||||
|
||||
|
||||
<div id="box-clients" class="col-lg-3 box-stats color1" >
|
||||
<div class="boxchart-overlay">
|
||||
<div class="boxchart"></div>
|
||||
</div>
|
||||
<span class="title">{l s='Customers'}</span>
|
||||
<span class="value">4 589</span>
|
||||
</div>
|
||||
|
||||
<div id="box-orders" class="col-lg-3 box-stats color2">
|
||||
<div class="boxchart-overlay">
|
||||
<div class="boxchart"></div>
|
||||
</div>
|
||||
<span class="title">{l s='Orders'}</span>
|
||||
<span class="value">789</span>
|
||||
</div>
|
||||
|
||||
<div id="box-income" class="col-lg-3 box-stats color3">
|
||||
<i class="icon-money"></i>
|
||||
<span class="title">{l s='Income'}</span>
|
||||
<span class="value">$999,99</span>
|
||||
</div>
|
||||
|
||||
<div id="box-messages" class="col-lg-3 box-stats color4">
|
||||
<i class="icon-envelope-alt"></i>
|
||||
<span class="title">{l s='Message'}</span>
|
||||
<span class="value">19</span>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div id="box-line" class="col-lg-3 box-stats color1" >
|
||||
<div class="boxchart-overlay">
|
||||
<div class="boxchart"></div>
|
||||
</div>
|
||||
<span class="title">{l s='Traffic'}</span>
|
||||
<span class="value">4 589</span>
|
||||
</div>
|
||||
|
||||
<div id="box-spline" class="col-lg-3 box-stats color2" >
|
||||
<div class="boxchart-overlay">
|
||||
<div class="boxchart"></div>
|
||||
</div>
|
||||
<span class="title">{l s='Conversion'}</span>
|
||||
<span class="value">4 589</span>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<script>
|
||||
var data = [4, 8, 15, 16, 23, 42, 8, 15, 16, 23, 42, 16, 23, 42, 8, 15, 15, 16, 23];
|
||||
var chart = d3.select("#box-clients .boxchart").append("svg")
|
||||
.attr("class", "data_chart")
|
||||
.attr("width", data.length * 6)
|
||||
.attr("height", 30);
|
||||
var y = d3.scale.linear()
|
||||
.domain([0, d3.max(data)])
|
||||
.range([0, d3.max(data)]);
|
||||
chart.selectAll("rect")
|
||||
.data(data)
|
||||
.enter().append("rect")
|
||||
.attr("y", function(d) { return 30 - d; })
|
||||
.attr("x", function(d, i) { return i * 6; })
|
||||
.attr("width", 4)
|
||||
.attr("height", y);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var data = [4, 8, 15, 16, 23, 42, 8, 15, 16];
|
||||
var chart = d3.select("#box-orders .boxchart").append("svg")
|
||||
.attr("class", "data_chart")
|
||||
.attr("width", data.length * 6)
|
||||
.attr("height", 30);
|
||||
var y = d3.scale.linear()
|
||||
.domain([0, d3.max(data)])
|
||||
.range([0, d3.max(data)]);
|
||||
chart.selectAll("rect")
|
||||
.data(data)
|
||||
.enter().append("rect")
|
||||
.attr("y", function(d) { return 30 - d; })
|
||||
.attr("x", function(d, i) { return i * 6; })
|
||||
.attr("width", 4)
|
||||
.attr("height", y);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var myColors = ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b", "#e377c2", "#7f7f7f", "#bcbd22", "#17becf"];
|
||||
d3.scale.myColors = function() {
|
||||
return d3.scale.ordinal().range(myColors);
|
||||
};
|
||||
|
||||
var data = [53245, 28479, 19697, 24037, 30245];
|
||||
var width = 140,
|
||||
height = 140,
|
||||
radius = Math.min(width, height) / 2;
|
||||
var color = d3.scale.ordinal().range(myColors);
|
||||
var pie = d3.layout.pie()
|
||||
.sort(null);
|
||||
var arc = d3.svg.arc()
|
||||
.innerRadius(radius - 140)
|
||||
.outerRadius(radius - 120);
|
||||
var svg = d3.select("#box-pie .boxchart").append("svg")
|
||||
.attr("class", "data_chart")
|
||||
.attr("width", width)
|
||||
.attr("height", height)
|
||||
.append("g")
|
||||
.attr("transform", "translate(" + width / 2 + "," + height / 2 + ")");
|
||||
var path = svg.selectAll("path")
|
||||
.data(pie(data))
|
||||
.enter().append("path")
|
||||
.attr("fill", function(d, i) { return color(i); })
|
||||
.attr("d", arc);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var data = [3, 6, 2, 7, 5, 12, 1, 3, 8, 9, 2, 5, 7],
|
||||
w = 120,
|
||||
h = 50,
|
||||
margin = 5,
|
||||
y = d3.scale.linear().domain([0, d3.max(data)]).range([0 + margin, h - margin]),
|
||||
x = d3.scale.linear().domain([0, data.length]).range([0 + margin, w - margin]);
|
||||
var vis = d3.select("#box-line .boxchart").append("svg")
|
||||
.attr("class", "data_chart")
|
||||
.attr("width", w)
|
||||
.attr("height", h);
|
||||
var g = vis.append("g")
|
||||
.attr("transform", "translate(0, 50)");
|
||||
var line = d3.svg.line()
|
||||
.x(function(d,i) { return x(i); })
|
||||
.y(function(d) { return -1 * y(d); });
|
||||
g.append("path").attr("d", line(data));
|
||||
|
||||
vis.selectAll("dot")
|
||||
.data(data)
|
||||
.enter().append("circle")
|
||||
.attr("stroke", "#1BA6E5")
|
||||
.attr("stroke-width", 1)
|
||||
.attr("r", 3)
|
||||
.attr("transform", "translate(0, 50)")
|
||||
.attr("fill", "white")
|
||||
.attr("cx", function(d, i) { return x(i); })
|
||||
.attr("cy", function(d, i) { return -1 * y(d); });
|
||||
|
||||
var area = d3.svg.area()
|
||||
.x(function(d, i) { return x(i); })
|
||||
.y0(h)
|
||||
.y1(function(d, i) { return -1 * y(d); });
|
||||
|
||||
g.append("path")
|
||||
.datum(data)
|
||||
.attr("class", "area")
|
||||
.attr("d", area);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var data = [3, 6, 2, 7, 5, 12, 1, 3, 8, 9, 2, 5, 7],
|
||||
w = 120,
|
||||
h = 50,
|
||||
margin = 5,
|
||||
y = d3.scale.linear().domain([0, d3.max(data)]).range([0 + margin, h - margin]),
|
||||
x = d3.scale.linear().domain([0, data.length]).range([0 + margin, w - margin]);
|
||||
var vis = d3.select("#box-spline .boxchart").append("svg")
|
||||
.attr("class", "data_chart")
|
||||
.attr("width", w)
|
||||
.attr("height", h);
|
||||
var g = vis.append("g")
|
||||
.attr("transform", "translate(0, 50)");
|
||||
var line = d3.svg.line()
|
||||
.interpolate("basis")
|
||||
.x(function(d,i) { return x(i); })
|
||||
.y(function(d) { return -1 * y(d); });
|
||||
g.append("path").attr("d", line(data));
|
||||
</script>
|
||||
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright since 2007 PrestaShop SA and Contributors
|
||||
* PrestaShop is an International Registered Trademark & Property of PrestaShop SA
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.md.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/OSL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to https://devdocs.prestashop.com/ for more information.
|
||||
*
|
||||
* @author PrestaShop SA and Contributors <contact@prestashop.com>
|
||||
* @copyright Since 2007 PrestaShop SA and Contributors
|
||||
* @license https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../../../../../../');
|
||||
exit;
|
||||
Reference in New Issue
Block a user