mirror of
https://github.com/janickiy/yii2-nomer
synced 2025-03-09 15:39:59 +00:00
add files to project
This commit is contained in:
janickiy
commit
5cac498444
3729 changed files with 836998 additions and 0 deletions
78
web/js/amcharts/plugins/animate/examples/funnel.html
Normal file
78
web/js/amcharts/plugins/animate/examples/funnel.html
Normal file
|
|
@ -0,0 +1,78 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/funnel.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
|
||||
<script src="../animate.min.js"></script>
|
||||
|
||||
<div id="chartdiv"></div>
|
||||
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "funnel",
|
||||
"theme": "light",
|
||||
"dataProvider": generateChartData(),
|
||||
"valueField": "value",
|
||||
"titleField": "category",
|
||||
"alphaField": "alpha",
|
||||
"startDuration": 0,
|
||||
"precision": 2,
|
||||
"neckHeight": 150,
|
||||
"neckWidth": 200
|
||||
});
|
||||
|
||||
|
||||
function generateChartData() {
|
||||
var chartData = [];
|
||||
|
||||
for ( var i = 0; i < 10; i++ ) {
|
||||
var value = Math.floor(Math.random() * 100);
|
||||
var labelRadius = Math.floor(Math.random() * 100);
|
||||
var alpha = Math.random();
|
||||
|
||||
chartData.push( {
|
||||
category: "" + i,
|
||||
value: value,
|
||||
labelRadius: labelRadius,
|
||||
alpha: alpha
|
||||
} );
|
||||
}
|
||||
|
||||
return chartData;
|
||||
}
|
||||
|
||||
|
||||
function loop() {
|
||||
var data = generateChartData();
|
||||
|
||||
chart.animateData(data, {
|
||||
duration: 1000,
|
||||
complete: function () {
|
||||
setTimeout(loop, 2000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
chart.addListener("init", function () {
|
||||
setTimeout(loop, 1000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
76
web/js/amcharts/plugins/animate/examples/pie.html
Normal file
76
web/js/amcharts/plugins/animate/examples/pie.html
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/pie.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
|
||||
<script src="../animate.min.js"></script>
|
||||
|
||||
<div id="chartdiv"></div>
|
||||
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "pie",
|
||||
"theme": "light",
|
||||
"dataProvider": generateChartData(),
|
||||
"valueField": "value",
|
||||
"titleField": "category",
|
||||
"labelRadiusField": "labelRadius",
|
||||
"alphaField": "alpha",
|
||||
"startDuration": 0
|
||||
});
|
||||
|
||||
|
||||
function generateChartData() {
|
||||
var chartData = [];
|
||||
|
||||
for ( var i = 0; i < 10; i++ ) {
|
||||
var value = Math.floor(Math.random() * 100);
|
||||
var labelRadius = Math.floor(Math.random() * 100);
|
||||
var alpha = Math.random();
|
||||
|
||||
chartData.push( {
|
||||
category: "" + i,
|
||||
value: value,
|
||||
labelRadius: labelRadius,
|
||||
alpha: alpha
|
||||
} );
|
||||
}
|
||||
|
||||
return chartData;
|
||||
}
|
||||
|
||||
|
||||
function loop() {
|
||||
var data = generateChartData();
|
||||
|
||||
chart.animateData(data, {
|
||||
duration: 1000,
|
||||
complete: function () {
|
||||
setTimeout(loop, 2000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
chart.addListener("init", function () {
|
||||
setTimeout(loop, 1000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
97
web/js/amcharts/plugins/animate/examples/radar.html
Normal file
97
web/js/amcharts/plugins/animate/examples/radar.html
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/radar.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
|
||||
<script src="../animate.min.js"></script>
|
||||
|
||||
<div id="chartdiv"></div>
|
||||
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "radar",
|
||||
"theme": "light",
|
||||
"dataProvider": generateChartData(),
|
||||
"graphs": [{
|
||||
"bullet": "round",
|
||||
"bulletSizeField": "bullet1",
|
||||
"lineThickness": 2,
|
||||
"valueField": "value",
|
||||
"type": "line",
|
||||
"alphaField": "alpha1",
|
||||
"dashLengthField": "dash1"
|
||||
}, {
|
||||
"bullet": "round",
|
||||
"bulletSizeField": "bullet2",
|
||||
"lineThickness": 2,
|
||||
"valueField": "value2",
|
||||
"type": "line",
|
||||
"alphaField": "alpha2",
|
||||
"dashLengthField": "dash2"
|
||||
}],
|
||||
"valueAxes": [{
|
||||
"minimum": 0,
|
||||
"maximum": 100
|
||||
}],
|
||||
"categoryField": "category"
|
||||
});
|
||||
|
||||
|
||||
function generateChartData() {
|
||||
var chartData = [];
|
||||
|
||||
for ( var i = 0; i < 25; i++ ) {
|
||||
var a = Math.floor( Math.random() * 100 );
|
||||
var b = Math.floor( Math.random() * 100 );
|
||||
|
||||
chartData.push( {
|
||||
category: "" + i,
|
||||
value: a,
|
||||
value2: b,
|
||||
bullet1: Math.floor(Math.random() * 10),
|
||||
bullet2: Math.floor(Math.random() * 10),
|
||||
alpha1: (Math.random() < 0.5 ? 0 : 1),
|
||||
alpha2: (Math.random() < 0.5 ? 0 : 1),
|
||||
dash1: Math.floor(Math.random() * 20),
|
||||
dash2: Math.floor(Math.random() * 20)
|
||||
} );
|
||||
}
|
||||
|
||||
return chartData;
|
||||
}
|
||||
|
||||
|
||||
function loop() {
|
||||
var data = generateChartData();
|
||||
|
||||
chart.animateData(data, {
|
||||
duration: 1000,
|
||||
complete: function () {
|
||||
setTimeout(loop, 2000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
chart.addListener("init", function () {
|
||||
setTimeout(loop, 1000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
99
web/js/amcharts/plugins/animate/examples/serial_column.html
Normal file
99
web/js/amcharts/plugins/animate/examples/serial_column.html
Normal file
|
|
@ -0,0 +1,99 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
|
||||
<script src="../animate.min.js"></script>
|
||||
|
||||
<div id="chartdiv"></div>
|
||||
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "serial",
|
||||
"theme": "light",
|
||||
"dataProvider": generateChartData(),
|
||||
"graphs": [{
|
||||
"valueField": "value",
|
||||
"type": "column",
|
||||
"fillAlphas": 1,
|
||||
"alphaField": "alpha1"
|
||||
}, {
|
||||
"valueField": "value2",
|
||||
"fillAlphas": 1,
|
||||
"type": "column",
|
||||
"alphaField": "alpha2"
|
||||
}],
|
||||
"valueAxes": [{
|
||||
"minimum": 0,
|
||||
"maximum": 400
|
||||
}],
|
||||
"chartCursor": {},
|
||||
"categoryAxis": {
|
||||
"parseDates": true,
|
||||
"minPeriod": "mm"
|
||||
},
|
||||
"zoomOutOnDataUpdate": false,
|
||||
"categoryField": "date"
|
||||
});
|
||||
|
||||
|
||||
function generateChartData() {
|
||||
var chartData = [];
|
||||
var firstDate = new Date( 2012, 0, 1 );
|
||||
firstDate.setDate( firstDate.getDate() - 1000 );
|
||||
firstDate.setHours( 0, Math.floor(Math.random() * 10), 0, 0 );
|
||||
|
||||
for ( var i = 0; i < 10; i++ ) {
|
||||
var newDate = new Date( firstDate );
|
||||
newDate.setHours( 0, i, 0, 0 );
|
||||
|
||||
var a = Math.round( Math.random() * ( 200 + i ) ) + 100 + i;
|
||||
var b = Math.round( Math.random() * ( 200 + i ) ) + 100 + i;
|
||||
|
||||
chartData.push( {
|
||||
date: newDate,
|
||||
value: a,
|
||||
value2: b,
|
||||
alpha1: (Math.random() < 0.5 ? 0 : 1),
|
||||
alpha2: (Math.random() < 0.5 ? 0 : 1)
|
||||
} );
|
||||
}
|
||||
|
||||
return chartData;
|
||||
}
|
||||
|
||||
|
||||
function loop() {
|
||||
var data = generateChartData();
|
||||
|
||||
chart.animateData(data, {
|
||||
duration: 1000,
|
||||
complete: function () {
|
||||
setTimeout(loop, 2000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
chart.addListener("init", function () {
|
||||
setTimeout(loop, 1000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
96
web/js/amcharts/plugins/animate/examples/serial_line.html
Normal file
96
web/js/amcharts/plugins/animate/examples/serial_line.html
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
|
||||
<script src="../animate.min.js"></script>
|
||||
|
||||
<div id="chartdiv"></div>
|
||||
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "serial",
|
||||
"theme": "light",
|
||||
"dataProvider": generateChartData(),
|
||||
"graphs": [{
|
||||
"lineThickness": 2,
|
||||
"valueField": "value",
|
||||
"type": "smoothedLine"
|
||||
}, {
|
||||
"lineThickness": 2,
|
||||
"valueField": "value2",
|
||||
"type": "smoothedLine"
|
||||
}],
|
||||
"valueAxes": [{
|
||||
"minimum": 0,
|
||||
"maximum": 400
|
||||
}],
|
||||
"chartScrollbar": {},
|
||||
"chartCursor": {},
|
||||
"categoryAxis": {
|
||||
"parseDates": true,
|
||||
"minPeriod": "mm"
|
||||
},
|
||||
"zoomOutOnDataUpdate": false,
|
||||
"categoryField": "date"
|
||||
});
|
||||
|
||||
|
||||
function generateChartData() {
|
||||
var chartData = [];
|
||||
var firstDate = new Date( 2012, 0, 1 );
|
||||
firstDate.setDate( firstDate.getDate() - 1000 );
|
||||
firstDate.setHours( 0, Math.floor(Math.random() * 10), 0, 0 );
|
||||
|
||||
for ( var i = 0; i < 100; i++ ) {
|
||||
var newDate = new Date( firstDate );
|
||||
newDate.setHours( 0, i, 0, 0 );
|
||||
|
||||
var a = Math.round( Math.random() * ( 40 + i ) ) + 100 + i;
|
||||
var b = Math.round( Math.random() * ( 40 + i ) ) + 100 + i;
|
||||
|
||||
chartData.push( {
|
||||
date: newDate,
|
||||
value: a,
|
||||
value2: b
|
||||
} );
|
||||
}
|
||||
|
||||
return chartData;
|
||||
}
|
||||
|
||||
|
||||
function loop() {
|
||||
var data = generateChartData();
|
||||
|
||||
chart.animateData(data, {
|
||||
duration: 1000,
|
||||
complete: function () {
|
||||
setTimeout(loop, 2000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
chart.addListener("init", function () {
|
||||
setTimeout(loop, 1000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
83
web/js/amcharts/plugins/animate/examples/xy.html
Normal file
83
web/js/amcharts/plugins/animate/examples/xy.html
Normal file
|
|
@ -0,0 +1,83 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
|
||||
<style>
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#chartdiv {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/xy.js"></script>
|
||||
<script src="http://www.amcharts.com/lib/3/themes/light.js"></script>
|
||||
<script src="../animate.js"></script>
|
||||
|
||||
<div id="chartdiv"></div>
|
||||
|
||||
<script>
|
||||
var chart = AmCharts.makeChart("chartdiv", {
|
||||
"type": "xy",
|
||||
"theme": "light",
|
||||
"dataProvider": generateChartData(),
|
||||
"valueAxes": [{
|
||||
"position": "left",
|
||||
"minimum": 0,
|
||||
"maximum": 100
|
||||
}, {
|
||||
"position": "bottom",
|
||||
"minimum": 0,
|
||||
"maximum": 100
|
||||
}],
|
||||
"graphs": [{
|
||||
"bullet": "round",
|
||||
"xField": "x",
|
||||
"yField": "y",
|
||||
"valueField": "value",
|
||||
"alphaField": "alpha"
|
||||
}]
|
||||
});
|
||||
|
||||
|
||||
function generateChartData() {
|
||||
var chartData = [];
|
||||
|
||||
for ( var i = 0; i < 50; i++ ) {
|
||||
chartData.push( {
|
||||
x: Math.floor(Math.random() * 100),
|
||||
y: Math.floor(Math.random() * 100),
|
||||
value: Math.floor(Math.random() * 100),
|
||||
alpha: Math.random()
|
||||
} );
|
||||
}
|
||||
|
||||
return chartData;
|
||||
}
|
||||
|
||||
|
||||
function loop() {
|
||||
var data = generateChartData();
|
||||
|
||||
chart.animateData(data, {
|
||||
duration: 1000,
|
||||
complete: function () {
|
||||
setTimeout(loop, 2000);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
chart.addListener("init", function () {
|
||||
setTimeout(loop, 1000);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue