ÿØÿà JFIF ÿþ; %PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/syoft.com/public_html/blogs/admin_css/js/ |
Upload File : |
$(function(e){ 'use strict' /*-----echart2-----*/ var chartdata = [ { name: 'sales', type: 'bar', data: [10, 15, 9, 18, 10, 15] }, { name: 'profit', type: 'line', smooth:true, data: [8, 5, 25, 10, 10] }, { name: 'growth', type: 'bar', data: [10, 14, 10, 15, 9, 25] } ]; var chart = document.getElementById('echart1'); var barChart = echarts.init(chart); var option = { grid: { top: '6', right: '0', bottom: '17', left: '25', }, xAxis: { data: [ '2014', '2015', '2016', '2017', '2018'], axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, tooltip: { show: true, showContent: true, alwaysShowContent: true, triggerOn: 'mousemove', trigger: 'axis', axisPointer: { label: { show: false, } } }, yAxis: { splitLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, series: chartdata, color:[ '#9c31df','#ffa22b', '#ed5151',] }; barChart.setOption(option); /*-----echart1-----*/ var chartdata2 = [ { name: 'sales', type: 'line', smooth: true, data: [12, 25, 12, 35, 12, 38], color:[ '#9c31df'] }, { name: 'Profit', type: 'line', smooth: true, size:10, data: [8, 12, 28, 10, 10, 12], color:[ '#ed5151'] } ]; var chart2 = document.getElementById('echart2'); var barChart2 = echarts.init(chart2); var option2 = { grid: { top: '6', right: '0', bottom: '17', left: '25', }, xAxis: { data: [ '2014', '2015', '2016', '2017', '2018'], axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, yAxis: { splitLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, series: chartdata2 }; barChart2.setOption(option2); /*-----echart3-----*/ var option3 = { grid: { top: '6', right: '0', bottom: '17', left: '32', }, xAxis: { type: 'value', axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, yAxis: { type: 'category', data: [ '2014', '2015', '2016', '2017', '2018'], splitLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLine: { lineStyle: { color: '#c0dfd8' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, series: chartdata, color:[ '#9c31df','#ffa22b', '#ed5151',] }; var chart3 = document.getElementById('echart3'); var barChart3 = echarts.init(chart3); barChart3.setOption(option3); /*-----echart4-----*/ var option4 = { grid: { top: '6', right: '0', bottom: '17', left: '32', }, xAxis: { type: 'value', axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, yAxis: { type: 'category', data: [ '2014', '2015', '2016', '2017', '2018'], splitLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, series: chartdata2, color:[ '#9c31df', '#ffa22b','#ed5151'] }; var chart4 = document.getElementById('echart4'); var barChart4 = echarts.init(chart4); barChart4.setOption(option4); /*-----echart5-----*/ var chartdata3 = [ { name: 'sales', type: 'bar', stack: 'Stack', data: [14, 18, 20, 14, 29, 21, 25, 14, 24] }, { name: 'Profit', type: 'bar', stack: 'Stack', data: [12, 14, 15, 50, 24, 24, 10, 20 ,30] } ]; var option5 = { grid: { top: '6', right: '0', bottom: '17', left: '25', }, xAxis: { data: ['2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'], axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, yAxis: { splitLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, series: chartdata3, color:[ '#9c31df', '#ed5151'] }; var chart5 = document.getElementById('echart5'); var barChart5 = echarts.init(chart5); barChart5.setOption(option5); /*-----echart6-----*/ var option6 = { grid: { top: '6', right: '10', bottom: '17', left: '32', }, xAxis: { type: 'value', axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, yAxis: { type: 'category', data: ['2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'], splitLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, series: chartdata3, color:[ '#9c31df', '#ed5151'] }; var chart6 = document.getElementById('echart6'); var barChart6 = echarts.init(chart6); barChart6.setOption(option6); /*-----echart7-----*/ var chartdata4 = [ { name: 'data', type: 'line', data: [20, 20, 36, 18, 15, 20, 25, 20] } ]; var option7 = { grid: { top: '6', right: '0', bottom: '17', left: '25', }, xAxis: { data: [ '2011', '2012', '2013', '2014', '2015', '2016','2017', '2018'], axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, yAxis: { splitLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, series: chartdata4, color:[ '#ed5151'] }; var chart7 = document.getElementById('echart7'); var lineChart = echarts.init(chart7); lineChart.setOption(option7); /*-----echart8-----*/ var chartdata5 = [ { name: 'data', type: 'line', smooth: true, data: [20, 20, 36, 18, 15, 20, 25, 20] } ]; var option8 = { grid: { top: '6', right: '0', bottom: '17', left: '25', }, xAxis: { data: [ '2011', '2012', '2013', '2014', '2015', '2016','2017', '2018'], axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, yAxis: { splitLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLine: { lineStyle: { color: 'rgba(227, 237, 252,0.5)' } }, axisLabel: { fontSize: 10, color: 'rgba(146, 163, 185, 0.9)' } }, series: chartdata5, color:[ '#ed5151'] }; var chart8 = document.getElementById('echart8'); var lineChart2 = echarts.init(chart8); lineChart2.setOption(option8); });