$("#chart-market-1").addClass("text-danger");$("#chart-logo-1").addClass("bg-danger"); $("#chart-logo-1").attr('src','panel/assets/images/icons/crypto/svg/koru.svg'); $("#chart-market-1").html("SHORT 10x"); $("#chart-strategy-1").html("Scalping"); $("#chart-end-pnl-1").html("+5.05%"); //Chart 1 var options = { series: [{ data: [11.92000, 11.94000, 11.93000, 11.86000, 11.94, 11.88, 11.85000] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#FF4560'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 11.94, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 11.88, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 11.94, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 10, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }, { x: 6, y: 11.88, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "Б" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-1"), options); chart.render(); $("#chart-market-2").addClass("text-success");$("#chart-logo-2").addClass("bg-success"); $("#chart-logo-2").attr('src','panel/assets/images/icons/crypto/svg/pypl.svg'); $("#chart-market-2").html("LONG 10x"); $("#chart-strategy-2").html("Scalping"); $("#chart-end-pnl-2").html("+4.76%"); //Chart 2 var options = { series: [{ data: [57.23000, 57.24000, 57.24000, 57.26000, 56.9747578, 57.245812000000000000, 57.24000] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#52CC99'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 56.9747578, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 57.245812000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 56.9747578, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }, { x: 6, y: 57.245812000000000000, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 29, style: { color: "#FFF", background: "#FF4560" }, text: "С" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-2"), options); chart.render(); $("#chart-market-3").addClass("text-danger");$("#chart-logo-3").addClass("bg-danger"); $("#chart-logo-3").attr('src','panel/assets/images/icons/crypto/svg/atom.svg'); $("#chart-market-3").html("SHORT 10x"); $("#chart-strategy-3").html("Scalping"); $("#chart-end-pnl-3").html("+5.96%"); //Chart 3 var options = { series: [{ data: [1.463, 1.462, 1.458, 1.458, 1.4606567920483, 1.452, 1.456] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#FF4560'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 1.4606567920483, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 1.452, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 1.4606567920483, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 10, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }, { x: 6, y: 1.452, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "Б" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-3"), options); chart.render(); $("#chart-market-4").addClass("text-success");$("#chart-logo-4").addClass("bg-success"); $("#chart-logo-4").attr('src','panel/assets/images/icons/crypto/svg/beamx.svg'); $("#chart-market-4").html("LONG 5x"); $("#chart-strategy-4").html("Scalping"); $("#chart-end-pnl-4").html("+5.29%"); //Chart 4 var options = { series: [{ data: [0.0048430, 0.0048280, 0.0048330, 0.0048920, 0.004852, 0.004903300000000000, 0.0049390] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#52CC99'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 0.004852, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.004903300000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.004852, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }, { x: 6, y: 0.004903300000000000, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 29, style: { color: "#FFF", background: "#FF4560" }, text: "С" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-4"), options); chart.render(); $("#chart-market-5").addClass("text-success");$("#chart-logo-5").addClass("bg-success"); $("#chart-logo-5").attr('src','panel/assets/images/icons/crypto/svg/wen.svg'); $("#chart-market-5").html("LONG 10x"); $("#chart-strategy-5").html("Scalping"); $("#chart-end-pnl-5").html("+6.99%"); //Chart 5 var options = { series: [{ data: [7.17700, 7.17800, 7.18100, 7.20300, 7.153, 7.203000000000000000, 7.19800] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#52CC99'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 7.153, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 7.203000000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 7.153, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }, { x: 6, y: 7.203000000000000000, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 29, style: { color: "#FFF", background: "#FF4560" }, text: "С" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-5"), options); chart.render(); $("#chart-market-6").addClass("text-danger");$("#chart-logo-6").addClass("bg-danger"); $("#chart-logo-6").attr('src','panel/assets/images/icons/crypto/svg/hot.svg'); $("#chart-market-6").html("SHORT 5x"); $("#chart-strategy-6").html("Swing"); $("#chart-end-pnl-6").html("+6.20%"); //Chart 6 var options = { series: [{ data: [0.0003818, 0.0003781, 0.0003822, 0.0003814, 0.0003758, 0.0003712, 0.0003762] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#FF4560'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 0.0003758, borderColor: "#FF4560", offsetY: 0, }, { x: 6, y: 0.0003712, borderColor: "#52CC99", offsetY: 0, }], points: [{ x: 5, y: 0.0003758, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 10, style: { color: "#FFF", background: "#FF4560" }, text: "S" } }, { x: 6, y: 0.0003712, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "Б" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-6"), options); chart.render(); $("#chart-market-7").addClass("text-success");$("#chart-logo-7").addClass("bg-success"); $("#chart-logo-7").attr('src','panel/assets/images/icons/crypto/svg/bx.svg'); $("#chart-market-7").html("LONG 10x"); $("#chart-strategy-7").html("Scalping"); $("#chart-end-pnl-7").html("+5.89%"); //Chart 7 var options = { series: [{ data: [118.18000, 119.04000, 119.07000, 119.25000, 118.56011903333, 119.257896800000000000, 119.38000] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#52CC99'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 118.56011903333, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 119.257896800000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 118.56011903333, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }, { x: 6, y: 119.257896800000000000, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 29, style: { color: "#FFF", background: "#FF4560" }, text: "С" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-7"), options); chart.render(); $("#chart-market-8").addClass("text-success");$("#chart-logo-8").addClass("bg-success"); $("#chart-logo-8").attr('src','panel/assets/images/icons/crypto/svg/wif.svg'); $("#chart-market-8").html("LONG 10x"); $("#chart-strategy-8").html("Scalping"); $("#chart-end-pnl-8").html("+3.45%"); //Chart 8 var options = { series: [{ data: [0.1741000, 0.1739000, 0.1741000, 0.1743000, 0.1738, 0.174400000000000000, 0.1742000] }], chart: { type: 'area', height: 100, width: '100%', sparkline: { enabled: true } }, stroke: { curve: 'smooth', width: 3, }, grid: { padding: { top: 20, bottom: 30 } }, colors: ['#52CC99'], fill: { type: 'gradient', gradient: { shadeIntensity: 1, inverseColors: false, opacityFrom: 0.45, opacityTo: 0.05, stops: [20, 100, 100, 100] }, }, tooltip: { fixed: { enabled: false }, x: { show: false }, y: { title: { formatter: function (seriesName) { return '$' } } }, marker: { show: false } }, annotations: { yaxis: [{ x: 5, y: 0.1738, borderColor: "#52CC99", offsetY: 0, }, { x: 6, y: 0.174400000000000000, borderColor: "#FF4560", offsetY: 0, }], points: [{ x: 5, y: 0.1738, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#52CC99", radius: 2 }, label: { borderColor: "#52CC99", offsetY: 10, style: { color: "#FFF", background: "#52CC99" }, text: "B" } }, { x: 6, y: 0.174400000000000000, marker: { offsetY: 0, size: 4, fillColor: "#FFF", strokeColor: "#FF4560", radius: 2 }, label: { borderColor: "#FF4560", offsetY: 29, style: { color: "#FFF", background: "#FF4560" }, text: "С" } }] } }; var chart = new ApexCharts(document.querySelector("#chart-8"), options); chart.render(); $("#trades-table").html('
Direxion Korea Bull 3X
KORU/USDT
Direxion Korea Bull 3X
+5.05%TradFiETFFuturesSHORT 10xO.A.K.Scalping
PayPal
PYPL/USDT
PayPal
+4.76%TradFiКапиталFuturesLONG 10xA.K.Scalping
Cosmos
ATOM/USDT
Cosmos
+5.96%CryptoLayer-1FuturesSHORT 10xA.K.Scalping
Beamx
BEAMX/USDT
Beamx
+5.29%CryptoGamingFuturesLONG 5xM.E.Scalping
Wendys
WEN/USDT
Wendys
+6.99%TradFiКапиталFuturesLONG 10xY.K.Scalping
Holochain
HOT/USDT
Holochain
+6.20%CryptoStorageFuturesSHORT 5xM.E.Swing
Blackstone
BX/USDT
Blackstone
+5.89%TradFiКапиталFuturesLONG 10xA.K.Scalping
Dogwifhat
WIF/USDT
Dogwifhat
+3.45%CryptoMemeFuturesLONG 10xE.A.Scalping'); $("#cumulative-pnl").html("23779%"); $("tr.tradedata").mouseover(function() { //$("."+this.id).css('background-color', '#77FF99'); $("."+this.id).removeClass('shadow'); $("."+this.id).css('box-shadow', '0 0 3px #646af6'); }).mouseout(function() { //$("."+this.id).css('background-color', 'transparent'); $("."+this.id).addClass('shadow'); $("."+this.id).css('box-shadow', ''); });