Responsiveness html initialization, and height not set to the chart.

[m00ntasir]

I am trying to redraw chart. following way. After assigning new data. Chart is broken. Please help.

$scope.data.sections.graphs.byType.data = response.timePerSubject;   

 <nvd3-pie-chart
                data="data.sections.graphs.byType.data" 
                objectequality="true"                
                id="chartTimeSpentByType"
                showLabels="true"
                x="xFunction()"
                y="yFunction()"
                donut="true"
                responsive="true"
                donutRatio=".6"
                duration="1500"
                showLegend="false"
                donutLabelsOutside="true"
                color="colorFunction()"
                legendColor="colorFunction()"
                tooltips="false"
               >
            <svg height="400" width="100%" data-textLable="timeSpentByTypeText"></svg>
        </nvd3-pie-chart>

[sattarab]

Not sure what you are trying to do if you can provide a codepen I might be able to help you. Given you have not modified the version of nvd3-pie-chart you are not required to embed the svg tag in the nvd3-pie-chart