0
How do I adjust the font size of the label or place a line break? The text is not fitting in full, for monitor 1080 fits, but 720 happens this.
My code:
<script>
var myChartcaixa = new Chart(document.getElementById("caixa-chart"), {
type: 'pie',
data: {
labels: @Html.Raw(Json.Encode(Model.Select(x => x.Descricao).ToArray())),
datasets: [{
data: @Html.Raw(Json.Encode(Model.Select(x => x.Valor).ToArray())),
backgroundColor: backgroudColor,
borderWidth: 1,
}]
},
options: {
legend: false,
}
}); </script>
Even taking a few columns from the table the Chart label does not leave the Chart area itself, even though it has space to the right so that the phrase fits it keeps being cut.
– Gabriel Lemos
Inspect the element and see what it addresses, put in css the property word-wrap: break-word
– Gilmar Alonso