图表JS:如何对齐图例和标题 [英] Chart js: how can I align the legend and the title
问题描述
我想将订单向左对齐,将图例对齐中心。
我尝试过
I want to align the orders to the left and the legends to center center. I've tried doing
title:{
display:true,
fontSize:18,
text: "Products",
titleAlign:'left'
}
,但 textalign
似乎对我不起作用,也没有 horizontal
but textalign
doesn't seem to work for me nor the horizontal
推荐答案
检查Chart.js文档,没有诸如titleAlign之类的选项,请参见: https://www.chartjs.org/docs/latest/configuration/title.html 。
应该是在将来,对此有一个拉取请求:
https://github.com/chartjs/Chart.js/pull/5866 。
Check the Chart.js docs, there is no options like titleAlign, see: https://www.chartjs.org/docs/latest/configuration/title.html. It should be in the future, there is an pull request for that: https://github.com/chartjs/Chart.js/pull/5866 .
您可以选择执行此操作不显示图表标题并添加您自己的图表。
这是我如何执行此操作的示例
There is an option to do that, you should not display chart title and add your own. Here is example how I've done that
<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>
这篇关于图表JS:如何对齐图例和标题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!