angular.js - angularjs directive + D3, scope資料更新後,重新產生視覺化圖後新圖直接覆蓋在老圖之上
淡淡烟草味
淡淡烟草味 2017-05-15 16:50:46
0
1
622

加了transclude,應該把template裡的內容清空的,但是每次update資料後原來的圖都在,哪裡寫錯了嗎,跟有關嗎?

directive

myApp.directive('sankeyChart', function($window){
    return{
        restrict:'EA',
        transclude: true, //加了transclue
        template:"<svg width='1200' height='600'></svg>",
        scope:{chartData:'=chartData'},
        link: function(scope, elem, attrs){
            scope.$watch('chartData', function(nv){
                var dataToPlot=nv;
                var d3 = $window.d3;
                、、、、下面都是d3的代码、、、、、、、

呼叫directive

<p sankey-chart chart-data="sankeyData" ng-if="sankeyData" class="myCharts"></p>

如下圖:

淡淡烟草味
淡淡烟草味

全部回覆(1)
小葫芦

擦,我發現了問題了,transclude不能擦除d3生成的svg裡的內容,在寫d3代碼的前面手工加一個清除svg裡內容的代碼-搞定了。

svg.selectAll('*').remove();
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板