Максим Анциферов

var json = JSON.parse(`{
  "response": {
    "items": [
      {
        "id": "898",
        "date": "18 января, 2021",
        "time": "22:38",
        "account": "%account%",
        "category": "%category%",
        "amount": "1000.00",
        "amount_html": "%html%",
        "type": "1",
        "type_html": "%type_html%",
        "balance": "%balance%",
        "comment": "-"
      },
      {
        "id": "898",
        "date": "19 января, 2021",
        "time": "22:38",
        "account": "%account%",
        "category": "%category%",
        "amount": "1000.00",
        "amount_html": "%html%",
        "type": "1",
        "type_html": "%type_html%",
        "balance": "%balance%",
        "comment": "-"
      },
      {
        "id": "898",
        "date": "19 января, 2021",
        "time": "22:38",
        "account": "%account%",
        "category": "%category%",
        "amount": "1000.00",
        "amount_html": "%html%",
        "type": "1",
        "type_html": "%type_html%",
        "balance": "%balance%",
        "comment": "-"
      },
      {
        "id": "898",
        "date": "19 января, 2021",
        "time": "22:38",
        "account": "%account%",
        "category": "%category%",
        "amount": "1000.00",
        "amount_html": "%html%",
        "type": "1",
        "type_html": "%type_html%",
        "balance": "%balance%",
        "comment": "-"
      },
      {
        "id": "898",
        "date": "20 января, 2021",
        "time": "22:38",
        "account": "%account%",
        "category": "%category%",
        "amount": "1000.00",
        "amount_html": "%html%",
        "type": "1",
        "type_html": "%type_html%",
        "balance": "%balance%",
        "comment": "-"
      },
      {
        "id": "898",
        "date": "21 января, 2021",
        "time": "22:38",
        "account": "%account%",
        "category": "%category%",
        "amount": "1000.00",
        "amount_html": "%html%",
        "type": "1",
        "type_html": "%type_html%",
        "balance": "%balance%",
        "comment": "-"
      },
      {
        "id": "898",
        "date": "21 января, 2021",
        "time": "22:38",
        "account": "%account%",
        "category": "%category%",
        "amount": "1000.00",
        "amount_html": "%html%",
        "type": "1",
        "type_html": "%type_html%",
        "balance": "%balance%",
        "comment": "-"
      }
    ]
  }
}`);

const accountsGroupedByDates = json.response.items
  .reduce((acc, item) => {
    if (Array.isArray(acc[item.date])) {
      acc[item.date].push(item)
    } else {
      acc[item.date] = [item];
    }
    
    return acc;
  }, {})
const listBalances = Object.entries(accountsGroupedByDates)
  .map(([date, accountsList]) => {
    return {
      date,
      accounts: accountsList,
      dailyBalance: accountsList.reduce((acc, item) => {
        const amount = Number(item.amount);
        return item.type === '1' ? acc + amount : acc - amount;
      }, 0)
    }
  });

$('div.timeline').append(listBalances.map(item => {  
    let div = `<div class="time-label"><span class="bg-primary">${item.date} - ${item.dailyBalance}</span></div>`
    item.accounts.forEach(_item => {
        div += `              <div>
                ${_item.type_html}
                <div class="timeline-item">
                  <span class="float-right" style="padding: 5px 10px 5px 5px;">${_item.amount_html}</span>
                  <h3 class="timeline-header">${_item.account}</h3>
                  <div class="timeline-body"><small class="float-right">${_item.time}</small><b>${_item.category}</b><br>${_item.comment}</div>
                </div>
              </div>`
    })
    return div;
}).join(''));

Вы в цикле на каждой итерации устанавливаете новое значение из массива, нужно сначала сделать новый массив в нужном формате и уже потом установить данные для графика

(async () => {
	const url = "https://iss.moex.com/iss/engines/stock/markets/shares/boards/TQBR/securities/SBER/candles.json?interval=24&start=0";
	const response = await fetch(url);
	const data = await response.json();

	const formattedData = data.candles.data.map(item => ({
		time: item[7].split(" ")[0],
		value: item[3]
	}));
	
  areaSeries.setData(formattedData)
})();

$(document).ready(function() {
    $('.mytranslit').bind('change keyup input click', function(){
        $('.mytranslitto').val(urlLit($('.mytranslit').val(),0))
    });
    
    $('.mytranslit').click(); // <----
});

Вариант без jQuery, может кому-то будет интересно - https://jsfiddle.net/56ob7uye/9/

Если не планируется SEO оптимизация итд, то проще всего сделать сайт на React/Vue с использованием их роутера, тогда при переходе на роут продукта данные будут скачиваться и отображаться

Попробуй заменить t.split(' '); на t.trim().split(' '); Тогда пробелы с конца строки уйдут