anderson_en

В документации не нашёл явных примеров.

плохо искали

options: {
  plugins: {
    legend: {
      onClick(e, legendItem, { chart }) {
        this.legendItems.forEach((n, i) => {
          chart.getDatasetMeta(i).hidden = n !== legendItem && (legendItem.hidden || !n.hidden);
        });

        chart.update();
      },
    },
  },
},

https://jsfiddle.net/79Lfjor6/

Ну если структура строки неизменна то и обычные строковые функции подойдут

"https://xyz.com/answer/".split("/").slice(0,3).join("/")

arr.reduce((acc, c) => acc + c.price, 0) // 8709

Используйте асинхронность и fetch. Например, откройте консоль и вбейте:

result = await (await fetch('http://localhost:1100/api/motivation/salesData?dt=2021-09-01')).json();
code1 = result.saleSum;
console.log(code1); // Выводит

Никак
https://ru.stackoverflow.com/q/554290/190728

const response = await fetch('localhost:1100/api/motivation/salesData?dt=2021-09-01');
const code1 = await response.json();

Изучайте, что такое асинхронность в JS и как с ней бороться.
https://developer.mozilla.org/ru/docs/Learn/JavaSc...
https://developer.mozilla.org/ru/docs/Learn/JavaSc...