Удаление пустых пространств, созданных нулевыми значениями в Chart.js

#arrays #chart.js #bar-chart #emptydatatext

#массивы #chart.js #гистограмма #emptydatatext

Вопрос:

У меня есть следующие данные на следующей диаграмме (с нежелательными пустыми пробелами, отмеченными синими стрелками):

 const dataone = [1, 2, 5, 4, 2];
const datatwo = [2, 2, 3, 4, 5];
const datathree = [2, 3, 3, 2, 4];
const datafour = [null, null, 4, null, null];
const datafive = [null, 2, null, null, null];
  

введите описание изображения здесь

Как я могу удалить пустые пространства и сохранить нулевые значения в массивах?

Вы можете просмотреть и отредактировать весь код здесь: https://codesandbox.io/s/github/pedroRelvas/NoNullSpacesInChart/tree/master/?fontsize=14amp;hidenavigation=1amp;theme=dark

Ответ №1:

Это довольно просто, просто сделайте это в каждом наборе данных, который вы хотите удалить (если, конечно, в массиве dataset нет таких значений! Если есть, на 100% понятно наличие пустых пространств):

 data:{
   datasets: [{
            ...
            hidden: true,
            ...
        },],
}