Commit12858c3

committed

Creating the responsiveness demo

1 parent1dd2553 commit12858c3Copy full SHA for 12858c3

File tree

+30

-0

lines changed

+30

-0

lines changed

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -17,6 +17,7 @@ <h5>Angular Plotly</h5>`
`17`	`17`	`<li><a[routerLink]="['/timeout-update']">Timeout Update</a></li>`
`18`	`18`	`<li><a[routerLink]="['/huge-memory-usage']">Huge Memory Usage</a></li>`
`19`	`19`	`<li><a[routerLink]="['/slow-example']">Slow Example</a></li>`
	`20`	`+<li><a[routerLink]="['/responsiveness']">Responsiveness</a></li>`
`20`	`21`	`</ul>`
`21`	`22`	`</div>`
`22`	`23`	`</div>`

Lines changed: 3 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@ import { FramesComponent } from './frames/frames.component';`
`23`	`23`	`import{TimeoutUpdateComponent}from'./timeout-update/timeout-update.component';`
`24`	`24`	`import{HugeMemoryUsageComponent}from'./huge-memory-usage/huge-memory-usage.component';`
`25`	`25`	`import{SlowExampleComponent}from'./slow-example/slow-example.component';`
	`26`	`+import{ResponsivenessComponent}from'./responsiveness/responsiveness.component';`
`26`	`27`
`27`	`28`
`28`	`29`	`constdemoRoutes:Routes=[`
`@@ -37,6 +38,7 @@ const demoRoutes: Routes = [`
`37`	`38`	`{path:'timeout-update',component:TimeoutUpdateComponent,data:{title:'Timeout Update'}},`
`38`	`39`	`{path:'huge-memory-usage',component:HugeMemoryUsageComponent,data:{title:'Huge Memory Usage'}},`
`39`	`40`	`{path:'slow-example',component:SlowExampleComponent,data:{title:'Slow example'}},`
	`41`	`+{path:'responsiveness',component:ResponsivenessComponent,data:{title:'Responsiveness'}},`
`40`	`42`
`41`	`43`	`{path:'',redirectTo:'/home',pathMatch:'full'},`
`42`	`44`	`];`
`@@ -68,6 +70,7 @@ PlotlyViaCDNModule.plotlyVersion = '1.49.4';`
`68`	`70`	`TimeoutUpdateComponent,`
`69`	`71`	`HugeMemoryUsageComponent,`
`70`	`72`	`SlowExampleComponent,`
	`73`	`+ResponsivenessComponent,`
`71`	`74`	`],`
`72`	`75`	`exports:[DemoComponent],`
`73`	`76`	`})`

Whitespace-only changes.

Lines changed: 2 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+<plotly-plot[data]="graph.data"[layout]="graph.layout"[config]="{resize: true}"[useResizeHandler]="true"[style]="{position: 'relative', width: '100%', height: '100%'}">`
	`2`	`+</plotly-plot>`

Lines changed: 24 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,24 @@`
	`1`	`+import{Component,OnInit}from'@angular/core';`
	`2`	`+`
	`3`	`+@Component({`
	`4`	`+selector:'plotly-responsiveness',`
	`5`	`+templateUrl:'./responsiveness.component.html',`
	`6`	`+styleUrls:['./responsiveness.component.css']`
	`7`	`+})`
	`8`	`+exportclassResponsivenessComponentimplementsOnInit{`
	`9`	`+`
	`10`	`+publicgraph={`
	`11`	`+data:[`
	`12`	`+{x:[1,2,3],y:[2,6,3],type:'scattergl',mode:'lines+points',marker:{color:'red'}},`
	`13`	`+{x:[1,2,3],y:[1,2,3],type:'markers'},`
	`14`	`+{x:[1,2,3],y:[2,5,3],type:'bar'},`
	`15`	`+],`
	`16`	`+layout:{width:320,height:240,title:'A Fancy Plot'}`
	`17`	`+};`
	`18`	`+`
	`19`	`+constructor(){}`
	`20`	`+`
	`21`	`+ngOnInit(){`
	`22`	`+}`
	`23`	`+`
	`24`	`+}`

Comments

(0)