517 lines
9.5 KiB
JavaScript
517 lines
9.5 KiB
JavaScript
(function () {
|
|
"use strict";
|
|
|
|
/* BTC Chart */
|
|
var total = {
|
|
chart: {
|
|
type: "area",
|
|
height: 60,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
dropShadow: {
|
|
enabled: true,
|
|
enabledOnSeries: undefined,
|
|
top: 0,
|
|
left: 0,
|
|
blur: 1,
|
|
color: "#fff",
|
|
opacity: 0.05,
|
|
},
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
curve: "smooth",
|
|
lineCap: "butt",
|
|
colors: undefined,
|
|
width: 1.5,
|
|
dashArray: 0,
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "Value",
|
|
data: [54, 38, 56, 35, 65, 43, 53, 45, 62, 80, 35, 48],
|
|
},
|
|
],
|
|
yaxis: {
|
|
min: 0,
|
|
show: false,
|
|
},
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors: ["rgba(132, 90, 223,0.5)"],
|
|
tooltip: {
|
|
enabled: false,
|
|
},
|
|
};
|
|
document.getElementById("btc-currency-chart").innerHTML = "";
|
|
var total = new ApexCharts(
|
|
document.querySelector("#btc-currency-chart"),
|
|
total
|
|
);
|
|
total.render();
|
|
/* BTC Chart */
|
|
|
|
/* ETH Chart */
|
|
var total = {
|
|
chart: {
|
|
type: "area",
|
|
height: 60,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
dropShadow: {
|
|
enabled: true,
|
|
enabledOnSeries: undefined,
|
|
top: 0,
|
|
left: 0,
|
|
blur: 1,
|
|
color: "#fff",
|
|
opacity: 0.05,
|
|
},
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
curve: "smooth",
|
|
lineCap: "butt",
|
|
colors: undefined,
|
|
width: 1.5,
|
|
dashArray: 0,
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "Value",
|
|
data: [54, 38, 56, 35, 65, 43, 53, 45, 62, 80, 35, 48],
|
|
},
|
|
],
|
|
yaxis: {
|
|
min: 0,
|
|
show: false,
|
|
},
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors: ["rgba(35, 183, 229,0.5)"],
|
|
tooltip: {
|
|
enabled: false,
|
|
},
|
|
};
|
|
document.getElementById("eth-currency-chart").innerHTML = "";
|
|
var total = new ApexCharts(
|
|
document.querySelector("#eth-currency-chart"),
|
|
total
|
|
);
|
|
total.render();
|
|
/* ETH Chart */
|
|
|
|
/* Dash Chart */
|
|
var total = {
|
|
chart: {
|
|
type: "area",
|
|
height: 60,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
dropShadow: {
|
|
enabled: true,
|
|
enabledOnSeries: undefined,
|
|
top: 0,
|
|
left: 0,
|
|
blur: 1,
|
|
color: "#fff",
|
|
opacity: 0.05,
|
|
},
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
curve: "smooth",
|
|
lineCap: "butt",
|
|
colors: undefined,
|
|
width: 1.5,
|
|
dashArray: 0,
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "Value",
|
|
data: [54, 38, 56, 35, 65, 43, 53, 45, 62, 80, 35, 48],
|
|
},
|
|
],
|
|
yaxis: {
|
|
min: 0,
|
|
show: false,
|
|
},
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors: ["rgba(38, 191, 148,0.5)"],
|
|
tooltip: {
|
|
enabled: false,
|
|
},
|
|
};
|
|
document.getElementById("dash-currency-chart").innerHTML = "";
|
|
var total = new ApexCharts(
|
|
document.querySelector("#dash-currency-chart"),
|
|
total
|
|
);
|
|
total.render();
|
|
/* Dash Chart */
|
|
|
|
/* LTC Chart */
|
|
var total = {
|
|
chart: {
|
|
type: "area",
|
|
height: 60,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
dropShadow: {
|
|
enabled: true,
|
|
enabledOnSeries: undefined,
|
|
top: 0,
|
|
left: 0,
|
|
blur: 1,
|
|
color: "#fff",
|
|
opacity: 0.05,
|
|
},
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
curve: "smooth",
|
|
lineCap: "butt",
|
|
colors: undefined,
|
|
width: 1.5,
|
|
ltcArray: 0,
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "Value",
|
|
data: [54, 38, 56, 35, 65, 43, 53, 45, 62, 80, 35, 48],
|
|
},
|
|
],
|
|
yaxis: {
|
|
min: 0,
|
|
show: false,
|
|
},
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors: ["rgba(245, 184, 73,0.5)"],
|
|
tooltip: {
|
|
enabled: false,
|
|
},
|
|
};
|
|
document.getElementById("ltc-currency-chart").innerHTML = "";
|
|
var total = new ApexCharts(
|
|
document.querySelector("#ltc-currency-chart"),
|
|
total
|
|
);
|
|
total.render();
|
|
/* LTC Chart */
|
|
|
|
/* XRS Chart */
|
|
var total = {
|
|
chart: {
|
|
type: "area",
|
|
height: 60,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
dropShadow: {
|
|
enabled: true,
|
|
enabledOnSeries: undefined,
|
|
top: 0,
|
|
left: 0,
|
|
blur: 1,
|
|
color: "#fff",
|
|
opacity: 0.05,
|
|
},
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
curve: "smooth",
|
|
lineCap: "butt",
|
|
colors: undefined,
|
|
width: 1.5,
|
|
ltcArray: 0,
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "Value",
|
|
data: [54, 38, 56, 35, 65, 43, 53, 45, 62, 80, 35, 48],
|
|
},
|
|
],
|
|
yaxis: {
|
|
min: 0,
|
|
show: false,
|
|
},
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors: ["rgba(231, 145, 188,0.5)"],
|
|
tooltip: {
|
|
enabled: false,
|
|
},
|
|
};
|
|
document.getElementById("xrs-currency-chart").innerHTML = "";
|
|
var total = new ApexCharts(
|
|
document.querySelector("#xrs-currency-chart"),
|
|
total
|
|
);
|
|
total.render();
|
|
/* XRS Chart */
|
|
|
|
/* GLM Chart */
|
|
var total = {
|
|
chart: {
|
|
type: "area",
|
|
height: 60,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
dropShadow: {
|
|
enabled: true,
|
|
enabledOnSeries: undefined,
|
|
top: 0,
|
|
left: 0,
|
|
blur: 1,
|
|
color: "#fff",
|
|
opacity: 0.05,
|
|
},
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
curve: "smooth",
|
|
lineCap: "butt",
|
|
colors: undefined,
|
|
width: 1.5,
|
|
ltcArray: 0,
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "Value",
|
|
data: [54, 38, 56, 35, 65, 43, 53, 45, 62, 80, 35, 48],
|
|
},
|
|
],
|
|
yaxis: {
|
|
min: 0,
|
|
show: false,
|
|
},
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors: ["rgba(137, 32, 173,0.5)"],
|
|
tooltip: {
|
|
enabled: false,
|
|
},
|
|
};
|
|
document.getElementById("glm-currency-chart").innerHTML = "";
|
|
var total = new ApexCharts(
|
|
document.querySelector("#glm-currency-chart"),
|
|
total
|
|
);
|
|
total.render();
|
|
/* GLM Chart */
|
|
|
|
/* Monero Chart */
|
|
var total = {
|
|
chart: {
|
|
type: "area",
|
|
height: 60,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
dropShadow: {
|
|
enabled: true,
|
|
enabledOnSeries: undefined,
|
|
top: 0,
|
|
left: 0,
|
|
blur: 1,
|
|
color: "#fff",
|
|
opacity: 0.05,
|
|
},
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
curve: "smooth",
|
|
lineCap: "butt",
|
|
colors: undefined,
|
|
width: 1.5,
|
|
ltcArray: 0,
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "Value",
|
|
data: [54, 38, 56, 35, 65, 43, 53, 45, 62, 80, 35, 48],
|
|
},
|
|
],
|
|
yaxis: {
|
|
min: 0,
|
|
show: false,
|
|
},
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors: ["rgba(230, 83, 60,0.5)"],
|
|
tooltip: {
|
|
enabled: false,
|
|
},
|
|
};
|
|
document.getElementById("monero-currency-chart").innerHTML = "";
|
|
var total = new ApexCharts(
|
|
document.querySelector("#monero-currency-chart"),
|
|
total
|
|
);
|
|
total.render();
|
|
/* Monero Chart */
|
|
|
|
/* Eos Chart */
|
|
var total = {
|
|
chart: {
|
|
type: "area",
|
|
height: 60,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
dropShadow: {
|
|
enabled: true,
|
|
enabledOnSeries: undefined,
|
|
top: 0,
|
|
left: 0,
|
|
blur: 1,
|
|
color: "#fff",
|
|
opacity: 0.05,
|
|
},
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
curve: "smooth",
|
|
lineCap: "butt",
|
|
colors: undefined,
|
|
width: 1.5,
|
|
ltcArray: 0,
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: false,
|
|
},
|
|
},
|
|
series: [
|
|
{
|
|
name: "Value",
|
|
data: [54, 38, 56, 35, 65, 43, 53, 45, 62, 80, 35, 48],
|
|
},
|
|
],
|
|
yaxis: {
|
|
min: 0,
|
|
show: false,
|
|
},
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors: ["rgba(73, 182, 245,0.5)"],
|
|
tooltip: {
|
|
enabled: false,
|
|
},
|
|
};
|
|
document.getElementById("eos-currency-chart").innerHTML = "";
|
|
var total = new ApexCharts(
|
|
document.querySelector("#eos-currency-chart"),
|
|
total
|
|
);
|
|
total.render();
|
|
/* Eos Chart */
|
|
|
|
})();
|