Modify js charts to use standard js

static/js/bitcoin-price.js

@@ -1,13 +1,21 @@
 let dataArr = [];
 const myChart = echarts.init(document.getElementById("chart"));
 
-$.get("https://api.bitlab21.com/price", {}, (response) => {
+async function fetchDataForChart() {
-  dataArr = response;
+  try {
-  console.log(dataArr);
+    const apiEndpoint = "https://api.bitlab21.com/price";
-  initEchart();
+    const response = await fetch(apiEndpoint);
-});
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    const dataArr = await response.json();
+    initEchart(dataArr);
+  } catch (error) {
+    console.error("Fetching data failed:", error);
+  }
+}
 
-function initEchart() {
+function initEchart(dataArr) {
   const option = {
     backgroundColor: backgroundColor,
     tooltip: {
@@ -56,3 +64,5 @@ function initEchart() {
 
   myChart.setOption(option);
 }
+
+fetchDataForChart();

static/js/chart-params.js

@@ -97,7 +97,7 @@ function nFormatter(value, digits) {
     : "0";
 }
 
-$(window).on("resize", function () {
+window.addEventListener("resize", function () {
   if (myChart != null && myChart != undefined) {
     myChart.resize();
   }

static/js/feerate-percentile.js

@@ -1,13 +1,21 @@
 let dataArr = [];
 const myChart = echarts.init(document.getElementById("chart"));
 
-$.get("https://api.bitlab21.com/feerates", {}, (response) => {
+async function fetchDataForChart() {
-  dataArr = response;
+  try {
-  console.log(dataArr);
+    const apiEndpoint = "https://api.bitlab21.com/feerates";
-  initEchart();
+    const response = await fetch(apiEndpoint);
-});
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    const dataArr = await response.json();
+    initEchart(dataArr);
+  } catch (error) {
+    console.error("Fetching data failed:", error);
+  }
+}
 
-function initEchart() {
+function initEchart(dataArr) {
   const option = {
     backgroundColor: backgroundColor,
     tooltip: {
@@ -99,3 +107,4 @@ function initEchart() {
 
   myChart.setOption(option);
 }
+fetchDataForChart();

static/js/hashrate.js

@@ -1,13 +1,21 @@
 let dataArr = [];
 const myChart = echarts.init(document.getElementById("chart"));
 
-$.get("https://api.bitlab21.com/hashrate", {}, (response) => {
+async function fetchDataForChart() {
-  dataArr = response;
+  try {
-  console.log(dataArr);
+    const apiEndpoint = "https://api.bitlab21.com/hashrate";
-  initEchart();
+    const response = await fetch(apiEndpoint);
-});
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    const dataArr = await response.json();
+    initEchart(dataArr);
+  } catch (error) {
+    console.error("Fetching data failed:", error);
+  }
+}
 
-function initEchart() {
+function initEchart(dataArr) {
   const option = {
     backgroundColor: backgroundColor,
     tooltip: {
@@ -106,3 +114,4 @@ function initEchart() {
 
   myChart.setOption(option);
 }
+fetchDataForChart();

static/js/miner-rewards.js

@@ -1,13 +1,21 @@
 let dataArr = [];
 const myChart = echarts.init(document.getElementById("chart"));
 
-$.get("https://api.bitlab21.com/miner_rewards", {}, (response) => {
+async function fetchDataForChart() {
-  dataArr = response;
+  try {
-  console.log(dataArr);
+    const apiEndpoint = "https://api.bitlab21.com/miner_rewards";
-  initEchart();
+    const response = await fetch(apiEndpoint);
-});
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`);
+    }
+    const dataArr = await response.json();
+    initEchart(dataArr);
+  } catch (error) {
+    console.error("Fetching data failed:", error);
+  }
+}
 
-function initEchart() {
+function initEchart(dataArr) {
   const option = {
     backgroundColor: backgroundColor,
     tooltip: {
@@ -138,3 +146,4 @@ checkboxLog.addEventListener("change", (e) => {
     dataZoom: dataZoom((start = isChecked ? 0 : 90)),
   });
 });
+fetchDataForChart();