This is for ANGULARJS not for D3.JS ============================
On Thursday, 18 August 2016 07:08:20 UTC+5:30, Navaneetha Krishnan S wrote: > > I am facing some issues in positioning the chart and changing the color > for the circles inside the bubble chart. I need to draw a bubble chart > wrapped in the angular2 component by consuming some json content. I am > facing some issues in positioning of the chart within the specified > space/region. > > Please refer the snapshot for the layout of the application. In the > application based on some user clicks event, the bubble chart should be > loaded just below, but currently it is loading way below the page i.e. > below the entire page layout. This bubble chart is configured with route in > angular2 and it is expected to be loaded in the router-outlet tag > specified, but it is loading outside that [image: enter image description > here] <http://i.stack.imgur.com/PuKFv.png> > > Note: 1. D3.js is used to draw the bubble chart which is wrapped in > angular2 component. 2. I tried reducing the width and the height of the > chart component, but still it is not rendered in the desired location. > > [image: enter image description here] <http://i.stack.imgur.com/lAS9P.png> > > HTML for the chart where it should be rendered > > <div class="container" style="overflow:scroll; height:100%; width:100%;"> > <h2>Redis Administration</h2> > <ul class="nav nav-tabs"> > <li class="active"><a data-toggle="tab" href="#ExtractorQueue" > [routerLink]="['./']">ExtractorQueue</a></li> > <li><a data-toggle="tab" href="#Extractor" > [routerLink]="['Extractor']">Extractor</a></li> > <li><a data-toggle="tab" href="#Schedule" > [routerLink]="['Schedule']">Schedule</a></li> > <li><a data-toggle="tab" href="#CacheVisualization" > [routerLink]="['CacheVisualization']">Cache Visualization</a></li> > </ul> > <div class="tab-content"> > <router-outlet></router-outlet> > </div></div> > > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
