Lightweight charts not plotting own (non-financial) data

[EMChloe]

Hi,

The following code allows you to create your own candlestick chart from lightweightcharts using your own financial dataset (csv file):

HTML file:

"

<title>Document</title>

<script src="https://unpkg.com/lightweight-charts/dist/lightweight-charts.standalone.production.js"></script> <script src="name_of_corresponding_js_file.js"></script> "

JS file:

"const getData = async () => {
const res = await fetch('non_financial_data.csv');
const resp = await res.text();
// console.log(resp);
const cdata = resp.split('\n').map((row) => {
const [time1, open, high, low, close] = row.split(',');
return {
time: new Date(${time1}).getTime() / 1000,
open: open * 1,
high: high * 1,
low: low * 1,
close: close * 1,
};
});
return cdata;
// console.log(cdata);
};

// getData();

const displayChart = async () => {
const chartProperties = {
width: 1500,
height: 600,
timeScale: {
timeVisible: true,
secondsVisible: false,
},
priceScale: {
position: 'right', // Position of the price scale
mode: 0, // Normal mode
scaleMargins: {
top: 25, (comment for reader: I have tried making top and bottom 1200 and 900, respectively, see dataset below)
bottom: 0.5,
},
},
};

const domElement = document.getElementById('tvchart');
const chart = LightweightCharts.createChart(domElement, chartProperties);
const candleseries = chart.addCandlestickSeries();
const klinedata = await getData();
candleseries.setData(klinedata);
};

displayChart();"

I have used it with my own financial dataset / csv file and it works. However, I have now used it to generate a candlestick chart using non-financial data from a csv file, but it doesn't work. Attached is the format of my financial data (date, high, low). The lightweightcharts code requires data in the format of date, open, high, low, close. I have tried removing open and close from the code so that the chart doesnt require those values, and I have also kept open and close in the code and set them to the high and low values to see if the code does indeed require at least some value for open and close. Both methods generate a chart that is blank (see screenshot attached). I have also attached a screenshot of the dataset; it is a very small dataset - perhaps this is the issue? there aren't enough values to plot?

Please help.

Thanks

PS the data has values between 900 and 1150. The original data is between 0.9 and 1.15 but I multiplied it by 1000 because I thought perhaps the variation in the high and low values were too small to be seen on the chart, which is why the chart displays nothing. but im not sure now why nothing is appearing on the chart.

[EMChloe]

it plotted the data when I changed the values to 1000x smaller