110 lines
2.5 KiB
JavaScript
110 lines
2.5 KiB
JavaScript
let dataArr = [];
|
|
const myChart = echarts.init(document.getElementById("chart"));
|
|
|
|
async function fetchDataForChart() {
|
|
try {
|
|
const apiEndpoint =
|
|
"https://api.bitlab21.com/get_json/final__hashrate.json";
|
|
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(dataArr) {
|
|
const option = {
|
|
backgroundColor: backgroundColor,
|
|
tooltip: {
|
|
...tooltip,
|
|
valueFormatter(value, index) {
|
|
return nFormatter(value, 0);
|
|
},
|
|
},
|
|
toolbox: toolboxParams,
|
|
xAxis: {
|
|
data: dataArr.map((row) => row.date),
|
|
axisTick: axisTick,
|
|
axisLabel: axisLabel,
|
|
axisLine: axisLine,
|
|
},
|
|
grid: grid,
|
|
dataZoom: dataZoom(),
|
|
yAxis: [
|
|
{
|
|
type: "value",
|
|
name: "Hashrate (H/s)",
|
|
nameLocation: "middle",
|
|
nameGap: 30,
|
|
nameTextStyle: textStyleMain,
|
|
position: "left",
|
|
alignTicks: true,
|
|
axisTick: axisTick,
|
|
splitLine: {
|
|
show: false,
|
|
},
|
|
axisLine: axisLine,
|
|
axisLabel: {
|
|
fontSize: 12 * fontScale,
|
|
color: textColor,
|
|
formatter(value, index) {
|
|
return nFormatter(value, 0);
|
|
},
|
|
},
|
|
},
|
|
{
|
|
type: "value",
|
|
name: "Difficulty",
|
|
nameLocation: "middle",
|
|
nameGap: 30,
|
|
nameTextStyle: textStyleMain,
|
|
axisTick: axisTick,
|
|
position: "right",
|
|
alignTicks: true,
|
|
axisLine: axisLine,
|
|
splitLine: {
|
|
show: false,
|
|
},
|
|
axisLabel: {
|
|
fontSize: 12 * fontScale,
|
|
color: textColor,
|
|
formatter(value, index) {
|
|
return nFormatter(value, 0);
|
|
},
|
|
},
|
|
},
|
|
],
|
|
series: [
|
|
{
|
|
type: "line",
|
|
name: "Hashrate",
|
|
barCategoryGap: "0%",
|
|
data: dataArr.map((row) => row.hashrate),
|
|
},
|
|
{
|
|
type: "line",
|
|
color: "red",
|
|
id: "rolling-average",
|
|
name: "MA28",
|
|
showSymbol: false,
|
|
barCategoryGap: "0%",
|
|
data: dataArr.map((row) => row.hashrate28),
|
|
},
|
|
{
|
|
type: "line",
|
|
yAxisIndex: 1,
|
|
name: "Difficulty",
|
|
barCategoryGap: "0%",
|
|
data: dataArr.map((row) => row.difficulty),
|
|
},
|
|
],
|
|
};
|
|
|
|
myChart.setOption(option);
|
|
}
|
|
fetchDataForChart();
|