Как объединить два js скрипта правильно?

У меня есть вот такой js плагин Chart.js
И есть код, который подсчитывает количество столбцов в таблице и количество выделенного текста, затем выводит эти значения в элемент span.
Хотелось бы объединить их так, чтобы скрипт подсчитывал количество столбцов в таблице, из них подсчитывал текст выделенный красным и текст выделенный зеленым и выводил эти значения прямо в код инициализации Chart графика. Чтобы график отображал эти значения.

Код подсчитывающий столбцы и текст:

$(document).ready(function() {
	var rowCount = $('#history tr').length
		console.log(rowCount)
	$('#count span#pizda').text(rowCount)

	var rowCount = $('[color=green]').length
		console.log(rowCount)
	$('#count2 span#fontg').text(rowCount)

	var rowCount = $('[color=red]').length
		console.log(rowCount)
	$('#count2 span#fontr').text(rowCount)
});

Код инициализации графика:

new Chart(document.getElementById("bar-chart-horizontal"), {
    type: 'horizontalBar',
    data: {
      labels: ["Africa", "Asia", "Europe"],
      datasets: [
        {
          label: "Population (millions)",
          backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f"],
          data: [2478,5267,734]
        }
      ]
    },
    options: {
      legend: { 
        display: false, 
        position: "right"
      },
      title: {
        display: false,
        text: 'График'
      }
    }
});

Подсчитанные значения нужно вывести вот тут:
data: [2478,5267,734]