自定义图例AngularJS

Question

我想在AngularJS中绘制条形图

这是我的HTML：

<canvas id="bar" class="chart chart-bar" chart-data="datta" chart-labels="labels" chart-legend="true">
                </canvas>   

我没有太多使用这个图表库，但我的想法是我想自定义我的图例，我想声明一个包含一些数据的数组，如

$scope.legend = ["item1", "item2"]

这个数组就是我要在我的图表下方显示的内容。有没有办法做到这一点？

提前致谢！

Answer 1

我不确定我是否得到了它。如果您尝试设置图形的图例，则需要在图表选项中设置它，而不是将图表图例设置为true。你的HTML应该是这样的：

<canvas id="bar" class="chart chart-bar" chart-data="datta" chart-labels="labels" chart-options="chart-options"></canvas>  

您需要创建一个$ scope.chart-options，例如：

$scope.chart-options = {
    legend: {
        display: true,
    },
};

您可以在此处获得更多信息：Chartjs legend documentation