Hola chicos, actualmente estoy trabajando en datos de acciones y tratando de crear un gráfico de velas japonesas. El problema al que me enfrento es que estoy guardando datos OHLC en diferentes matrices respectivamente, así como la fecha en una matriz también. mientras traza el gráfico, solo aparece una vela y se generan datos completos en una vela, quiero saber cuál sería la lógica o cualquier forma en que pueda crear varias velas con los datos dinámicamente.
Los siguientes son fragmentos de código y su resultado;
highPrice = []; lowPrice = []; openRate = []; closeRate = []; volume = []; marketCap = []; ohlc = []; date = []; seriesData = []; $.ajax({ type: "get", url: "data.json", success: function (json) { $.each(json, function (k, data) { highPrice.push(data.High); openRate.push(data.Open); lowPrice.push(data.Low); closeRate.push(data.Close); volume.push(data.Volume); marketCap.push(data.Marketcap); date.push(data.Date); }); }, }); var options2 = { series: [ { x: date, y: [openRate, highPrice, lowPrice, closeRate], }, ], chart: { type: "candlestick", height: 290, id: "candles", toolbar: { autoSelected: "pan", show: false, }, zoom: { enabled: false, }, }, plotOptions: { candlestick: { colors: { upward: "#3C90EB", downward: "#DF7D46", }, }, }, xaxis: { type: "datetime", }, }; var chart2 = new ApexCharts(document.querySelector("#chart2"), options2); chart2.render();
