如何使用类型图表angularjs显示图标图表

时间:2019-03-07 03:44:47

标签: html css angularjs

这是我的代码:

 .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> 
enter image description here

我想在数据响应中显示每个图表类型的图标图。我有5张图像图表。我怎样才能做到这一点?而且我的标题是overflow,如何解决?

0 个答案:

没有答案