Lightweight charts not plotting data with own dataset

[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_dataset.csv');
const resp = await res.text();
const cdata = resp.split('\n').map((row) => {
const [time1, high, low] = row.split(',');
// Parse the time string and add 1 hour (in milliseconds)
const time = new Date(${time1}).getTime() / 1000 + 3600;
// 3600 seconds = 1 hour (JS "date" function uses UCT timezone, so I am converting it back to BST here which is the timezone of my dataset)
return {
time,
high: high * 1,
low: low * 1,
};
});
return cdata;
};

const displayChart = async () => {
const chartProperties = {
width: 1500,
height: 600,
timeScale: {
timeVisible: true,
secondsVisible: false,
rightOffset: 12, // Add a right offset to make room for the y-axis
},
priceScale: {
position: 'right', // Position of the price scale
mode: 0, // Normal mode
scaleMargins: {
top: 25,
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);

// Calculate the time range of the data
const firstDataPoint = klinedata[0].time;
const lastDataPoint = klinedata[klinedata.length - 1].time;
const dataRange = lastDataPoint - firstDataPoint;

// Set the visible time range to include a buffer on both ends of the data range
const buffer = 0.1; // Adjust the buffer as needed
const visibleRange = dataRange * (1 + buffer);
chart.timeScale().setVisibleRange({
from: firstDataPoint - visibleRange,
to: lastDataPoint + visibleRange,
});
};

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. It generates 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]

ANSWER: 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 was too small to be seen on the chart, which is why the chart displays no data, HOWEVER, I decided to change the data to its original values (so 1000x smaller) and now the data appears on the graph (: