Generate charts dynamically in typescript

UI Components for Angular
Post Reply
vaibhavkulkarni
Posts: 1
Joined: 05 Jul 2016, 11:31

05 Jul 2016, 12:00

I wish to insert a bar chart in dynamically generated div element. But the dataset is not assigned or given to [value] property of p-barChart tag and the resultant canvas tag is not generated

--app.component.ts File--

Code: Select all

   let topDiv = document.getElementById("graphs");
                let categoryDiv = document.createElement('div');
                categoryDiv.setAttribute("id","category");
                categoryDiv.innerHTML = 
                ('<div class="col-md-6"><div class="panel panel-default"><div class="panel-heading"><h3 class="panel-       title">'+category+'</h3></div><div class="panel-body"><p-barChart [value]= "'+data+'" [legend]="lgnd"(onBarsSelect)="onSelect($event)" [barValueSpacing]="10"></p-barChart></div></div></div>');
                topDiv.appendChild(categoryDiv);

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

05 Jul 2016, 13:26

I'd suggest using dynamiccomponentloader instead to do it in angular way.

https://angular.io/docs/ts/latest/api/c ... class.html

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 11 guests