У меня есть вот такой 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]