AutorÃa | Ultima modificación | Ver Log |
var areaChartData = {
labels : labels,
datasets: [
{
label : 'Actividades Vistas',
backgroundColor: graph_serie1_color,
borderColor: graph_serie1_color,
borderWidth: 1,
fill: false,
data : dataset1
},
{
label : 'Actividades Completadas',
backgroundColor: graph_serie2_color,
borderColor: graph_serie2_color,
borderWidth: 1,
fill: false,
data : dataset2
},
]
}
var barChartCanvas = $('#chart_user_activites_and_modules_completion').get(0).getContext('2d')
var barChartData = $.extend(true, {}, areaChartData)
var temp0 = areaChartData.datasets[0]
var temp1 = areaChartData.datasets[1]
barChartData.datasets[0] = temp1
barChartData.datasets[1] = temp0
var barChartOptions = {
responsive : true,
indexAxis : 'y',
maintainAspectRatio : false,
datasetFill : false,
}
new Chart(barChartCanvas, {
type: 'line',
data: barChartData,
options: {
responsive: true,
plugins: {
legend: {
position: 'top',
},
title: {
display: true,
text: 'Chart.js Line Chart'
}
}
},
});