Загрузка данных диаграммы из внешнего файла JSON ⇐ Jquery

[Anonymous]

Я работаю над персонализацией одной линейной диаграммы с уже фиксированными данными на своем веб-сайте. Я хотел бы загрузить данные с помощью ajax или jquery из внешнего файла json, но не знаю, как это сделать. пожалуйста, мне нужна ваша помощь.
найдите ниже js-код:
var tfLineChart = (function () {
let draw = Chart.controllers.line.__super__.draw; //draw shadow
var screenWidth = $(window).width();
var chartBar1 = function () {
var options1 = {
series: [
{
data: [20, 50, 7, 100, -8, 80, 7],
},
],
colors: ["#D250FF"],
chart: {
type: "line",
maxWidth: 96,
height: 26,
sparkline: { enabled: !0 },
},
plotOptions: { bar: { columnWidth: "50%" } },
xaxis: { crosshairs: { width: 1 } },
stroke: {
show: true,
curve: "smooth",
lineCap: "butt",
colors: undefined,
width: 1,
dashArray: 0,
},

tooltip: {
enabled: false,
fixed: { enabled: !1 },
x: { show: !1 },
y: {
title: {
formatter: function (e) {
return "";
},
},
},
marker: { show: !1 },
},
states: {
hover: {
filter: {
type: "none",
value: 0,
},
},
},
},
chart1 = new ApexCharts(
document.querySelector("#line-chart-1"),
options1
);
chart1.render();
};


Подробнее здесь: https://stackoverflow.com/questions/790 ... -json-file