Skip to content
Snippets Groups Projects
constants.js 2.93 KiB
Newer Older
  • Learn to ignore specific revisions
  • export const cryptoChartOptions = (colors = [], dark = false) => {
    
      return {
        chart: {
          toolbar: {
            show: false,
          },
          sparkline: {
            enabled: true,
          },
        },
        dataLabels: {
          enabled: false,
        },
        fill: {
          type: "gradient",
          gradient: {
            shadeIntensity: 0.9,
            opacityFrom: dark ? 0.9 : 0.7,
            opacityTo: dark ? 0.4 : 0.9,
            stops: [0, 100],
            shade: dark ? "dark" : "light",
          },
        },
        xaxis: {
          type: "datetime",
          labels: {
            show: false,
          },
          axisBorder: {
            show: false,
          },
          axisTicks: {
            show: false,
          },
        },
        yaxis: {
          tickAmount: 3,
          floating: false,
          labels: {
            show: false,
          },
          axisBorder: {
            show: false,
          },
          axisTicks: {
            show: false,
          },
        },
        grid: {
          show: false,
          padding: {
            top: 2,
            right: 0,
            bottom: 0,
            left: -10,
          },
        },
        stroke: {
          curve: "smooth",
        },
        tooltip: {
          enabled: false,
        },
    
    export const cryptoLineChartOptions = (seriesData = [], color = "#3590F3") => {
      return {
        grid: {
          bottom: 10,
          right: 10,
          top: 10,
          left: 10,
        },
        xAxis: {
          show: false,
          type: "time",
          silent: false,
          splitLine: {
            show: false,
          },
          splitArea: {
            show: false,
          },
        },
        yAxis: {
          show: false,
          type: "value",
          splitArea: {
            show: false,
          },
          splitLine: {
            show: false,
          },
          min: "dataMin",
          max: "dataMax",
        },
        series: [
          {
            type: "line",
            data: seriesData,
            name: "Solana",
            smooth: true,
            symbol: "none",
            lineStyle: {
              width: 3,
              shadowOffsetY: -1,
              color: color,
              shadowColor: color,
              shadowOffsetX: 0,
              shadowBlur: 5,
              cap: "round",
              opacity: 1,
            },
            animation: false,
          },
          {
            type: "scatter",
            data: seriesData.slice(-1),
            name: "ABC",
            smooth: true,
            symbol: "circle",
            symbolSize: 20,
            itemStyle: {
              shadowOffsetY: 0,
              color: color,
              shadowColor: color,
              shadowOffsetX: 0,
              shadowBlur: 15,
              opacity: 0.1,
            },
            animation: false,
          },
        ],
      };
    };
    
    
    export const cryptocurrencies = [
      {
        id: "bitcoin",
        symbol: "btc",
        name: "Bitcoin",
      },
      {
        id: "ethereum",
        symbol: "eth",
        name: "Ethereum",
      },
      {
        id: "tether",
        symbol: "usdt",
        name: "Tether",
      },
      { id: "binancecoin", symbol: "bnb", name: "BNB" },
      {
        id: "usd-coin",
        symbol: "usdc",
        name: "USD Coin",
      },
      {
        id: "ripple",
        symbol: "xrp",
        name: "XRP",
      },
      {
        id: "cardano",
        symbol: "ada",
        name: "Cardano",
      },
    ];