Annotate, JSON parse and ChartJS

main.js

// https://gomakethings.com/decoding-html-entities-with-vanilla-javascript/
var decodeHTML = function(html) {
  var txt = document.createElement('textarea')
  txt.innerHTML = html
  return txt.value
}

var string = "{{ job_per_recruter }}"
var array = JSON.parse(decodeHTML(string))
console.log(array);

// Criando dois arrays
array_job_hiring.forEach(function(item) {
  mylabel.push(item.label)
  myvalue.push(item.value)
})
console.log(mylabel);
console.log(myvalue);

// Ou
var titulo = array_job_hiring.map(function(item) {return item.label})
var valor = array_job_hiring.map(function(item) {return item.value})
console.log(titulo);
console.log(valor);

views.py

# Vagas Abertas por Recrutador
data = Job.objects.filter(creator__in=emp)\
    .values('recruiter')\
    .annotate(value=Count('recruiter'))\
    .order_by('recruiter')\
    .values('recruiter__first_name', 'value')
'''
Precisa reescrever o dicionário com os campos do gráfico,
que são: 'label' e 'value'.
'''
lista = [
    {
        'label': item['recruiter__first_name'],
        'value': item['value'],
    }
    for item in data
]
job_per_recruter = json.dumps(lista, cls=DjangoJSONEncoder)
context['job_per_recruter'] = job_per_recruter