Chart turns black!

After rendering properly my charts turns black after some moment

$ionicLoading.show({
    content: 'Loading',
    animation: 'fade-in',
    showBackdrop: true,
    maxWidth: 200,
    showDelay: 0
  }); 

  $timeout(function () {
    $ionicLoading.hide();

      $scope.options = {
            chart: {
                type: 'stackedAreaChart',
                height: 450,
                margin : {
                    top: 20,
                    right: 20,
                    bottom: 60,
                    left: 60
                },

                x: function(d){return d[0];},
                y: function(d){return d[1];},
                showControls: false,
                useVoronoi: false,
                duration: 100,
                useInteractiveGuideline: false,
                xAxis: {
                    showMaxMin: true,
                    tickFormat: function(d) {
                        return  moment(new Date(d)).utc().format("YYYY-MM-DD")

                    }

                },
                yAxis: {
                    tickFormat: function(d){
                        return d3.format(',.2f')(d);
                    }
                }
            }
        };



        $scope.dataset = {

                        data1 : generateData('Africa'),
                }


        function generateData(region){

            var data = []
            data.push({
                        'key': region,
                        'values': []
            })



            $scope.dataRef.$loaded()
                .then(function(x){


                    x.forEach(function(weeklydata){




                        var date = weeklydata['Date']
                        var count = weeklydata[region]["Count"]
                        data[0].values.push( [Date.parse(date),  parseFloat(count)] );



                    })


             })   

            return data;
        };



    }, 3000);

[ffugly]

I think this is because you aren’t including the nv.d3.min.css file. Same thing was happening to me. Added this in and all works fine.

[entrity]

I have a similar problem in v1.0.8 even though I included the css: <link rel="stylesheet" src="node_modules/nvd3/build/nv.d3.css" />. (I installed the package with npm install angular-nvd3.)

I have no css besides the provided stylesheet. Can you offer any suggestions?

    <div class=container>
        <nvd3 data="data" options="options"></nvd3>
    </div>