Диаграмма JS: как я могу совместить легенду и название

Question

Я хочу выровнять ордера влево и легенды к центру центра.Я пытался сделать

title:{
      display:true,
      fontSize:18,
      text: "Products",
      titleAlign:'left'
    }

, но textalign не похоже ни на меня, ни на horizontal

Answer 1

Проверьте документы Chart.js, таких опций, как titleAlign, нет, см .: https://www.chartjs.org/docs/latest/configuration/title.html. Это должно произойти в будущем, для этого есть запрос на извлечение: https://github.com/chartjs/Chart.js/pull/5866.

Существует возможность сделать это, вы не должны отображать название диаграммы и добавлять свои собственные.Вот пример, как я это сделал

<div class="panel panel-default">
    <div class="panel-heading">
        <h5>{{ title }}</h5>
    </div>
    <div class="panel-body">
         <canvas id="my-chart" width="150" height="150"></canvas>
    </div>
</div>