Как показать диаграмму значков с помощью диаграммы типа angularjs

Question

это мой код:

 .md-checkbox label {
        inline-size: max-content;
    }
    .margin-bottom{
        margin-bottom:-50px;
    }

<div class="row">
                    <div class="col-md-12">
                        <div ng-repeat="widget in vm.widgets">
                            <div class="clearfix" ng-if="$index % 3 == 0"></div>
                            <div class="col-md-4 margin-bottom">
                                <img ng-src="~/assets/images/pie-chart.png" class="img-responsive" width="100%" ng-show="widget.ChartType">
                                <div class="md-checkbox-inline" style="width: 33%; height: 100px; float:left;">
                                    <div class="md-checkbox">
                                        <input type="checkbox" id="checkbox{{widget.Id}}" class="md-check" name="{{widget.Id}}"
                                               value="{{widget.Id}}" ng-checked="checkedWidgets.indexOf(widget.Id) == -1" ng-click="vm.toggleCheck(widget)">
                                        <label for="checkbox{{widget.Id}}">
                                            <span></span>
                                            <span class="check"></span>
                                            <span class="box"></span> {{widget.Name}}
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>                    
                </div> 

Я хочу показать диаграмму значков с каждой диаграммой типов в ответе на данные.у меня есть 5 графических изображений.Как я могу это сделать?И мой заголовок переполнен, как это исправить?