Question

我正在使用angularjs-ui-bootstrap theme.i想要取消饼图

HTML：

<div class="col-md-6">
            <div class="panel panel-default">
                <div class="panel-heading font-bold">Package Plan purchases</div>
                <div class="panel-body">
                    <div ui-jq="plot" ui-options="
              {{chartdata}},
              {
                series: { pie: { show: true, innerRadius: 0.5, stroke: { width: 0 }, label: { show: true, threshold: 0.05 } } },
                colors: ['{{app.color.primary}}','{{app.color.info}}','{{app.color.success}}','{{app.color.warning}}','{{app.color.danger}}'],
                grid: { hoverable: true, clickable: true, borderWidth: 0, color: '#333333' },
                tooltip: true,
                tooltipOpts: { content: '%s: %p.0%',  defaultTheme: false, shifts: { x: 0, y: 20 } }
              }
            " style="height:240px"></div>
                </div>
            </div>
        </div>

chartdata将json数据设置为卓尔饼图。

问题

如果我在$ http请求上动态设置了$ scope.chartdata的值，那么就不会在图表上绑定数据。也就是没有在timeout.so上工作。如何重新加载ui-option并在图表上绑定数据。

Answer 1

通过此答案找到解决方案link

在图表上的ui-option之前使用：ui-refresh="chartdata"

如何在angularjs中重新加载ui图表？

1 个答案: