Проблема js, canvas, нужна помощь в исправлении?

Question

[rennameduser_3432]

Код (Спойлер)

spoiler

var myChart = new Chart(ctx, {
    type: 'doughnut',
    data: {
      labels: myLabels,
      datasets: [{
        data: myData,
          backgroundColor: palette('tol', myData.length).map(function(hex) {
            return '#' + hex;
          }),
          hoverBorderColor: palette('tol', myData.length).map(function(hex) {
            return '#' + hex;
          }),
          hoverBorderWidth: '20px'
      }]
    },
    options: {

        cutout:'80%',
        responsive: true,
        plugins: {
            tooltip: {
                enabled: false,
            },
          legend: {
            display: false,
          },
          title: {
            display: false,
          }
        },
        
        onHover: function(event, activeElements){
            if (activeElements.length > 0) {
                

                var value = myChart.data.datasets[0].data[activeElements[0].index];

                payment_groups_js.current = value;

                var label = myChart.data.labels[activeElements[0].index];

                
           }
           else {
               payment_groups_js.current = payment_groups_js.total;
           }
           myChart.update();
        }
      },
  plugins: [chartAreaBorder, chartAreaBorder2, chartAreaBorder3]
});

Сама ошибка

Uncaught TypeError: Cannot read property 'map' of null

При этом на другом домене работает все (друг попросил посмотреть, пока не удается найти причину), если у кого-то есть идеи буду очень признателен.

Comments

[twolegs]

Наиболее вероятно, что `myData` пустой. Если на одном домене работает, а на другом нет - смотрите в сторону CORS. Возможно, данные с бэкенда просто не приходят (если загружаете асинхронно).

[rennameduser_3432]

twolegs, выдает число (не пустой) тестил через консоль

Answer 1

[rennameduser_3432]

Konfy - спасибо человеку помог найти решение.

Проблема в переменной tol (если значение равно 12 или больше выдает null), проблема решилась заменой tol на sequential

Answer 2

[Konfy]

Какой-то из вызовов palette('tol', myData.length) возвращает null.
Что такое palette и почему он возвращает null - узнавать Вам

Comments

[rennameduser_3432]

Массив не пустой myData.length проверял через консоль

[rennameduser_3432]

palette это от гугл палитра цветов

[Konfy]

rennameduser_3432, в общем, поигрался я с этой палитрой и нашёл в чём проблема. На странице документации написано

If no schemes matched specified name(s), palette function will return null.

Я не до конца разобрался как это всё работает, но суть в том, что функция palette вернёт null если параметры друг другу не подходят. Дальше я просто начал перебирать что выйдет если подставлять разные параметры. Проблема в вопросе заключается в том, что цветовой схеме tol нельзя давать размер больше 12:

[rennameduser_3432]

Konfy, Воу, спасибо, а что лучше для этого тогда использовать?

[rennameduser_3432]

Konfy, Вместо tol использую теперь sequential, проблем нет, спасибо за помощь