Estou trabalhando em um gráfico, e estou tentando colocar um Subtitle que varia de acordo com o valor que o usuário escolhe. Não achei em nenhum doc como fazer isso, e tentei usar um Subtitle:{text:}, mas não funciona, e também não dá erro. Alguém sabe de alguma alternativa? Meu código abaixo:
function chart_graph(){
var ctx = document.getElementsByClassName("bar-chart","line-chart");
var chartGraph = new Chart(ctx, {
type: 'bar',
data: {
labels: dataBar1 ,
datasets: [{ type: 'line',
label:"Dias de Estoque",
data: dataBar2,
yAxisID: "y-axis-0",
backgroundColor: "rgba(250,250,250,0.0)",
borderColor: "rgba(255,99,132,0.9)",
borderWidth: 4,
},
{
label:"Valor de Estoque",
data: dataBar4,
yAxisID: "y-axis-1",
backgroundColor: "rgba(151,187,205,0.9)",
},
] },
options: {
legend: {
position: 'bottom'
},
title: {
display: true,
text: 'DIAS E VALOR(R$) EM ESTOQUE',
subtitle: {
display: true,
text: subtitle_graph,
},
},
tooltips: {
mode: 'label'
},
responsive: true,
scales: {
yAxes: [
{
gridLines:{
lineWidth:4,
zeroLineWidth : 4,
},
stacked: true,
position: "right",
yAxisID: "y-axis-0",
ticks: { min: 0, beginAtZero: true,
},
scaleLabel: {
display: true,
labelString: 'DIAS',
},
},
{
stacked: false,
position: "left",
yAxisID: "y-axis-1",
ticks: { min: 0,
beginAtZero: true,
crosshair:{
enabled: true,
valueFormatString: "#,##0.##",
},
},
scaleLabel: {
display: true,
labelString: 'VALOR(R$)',
},
} ]
}
}
});
};