Template for wj-flex-chart-series

Template for wj-flex-chart-series

Posted by: akhilmalla on 14 September 2017, 11:55 am EST

• 

  akhilmalla

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 14 September 2017, 11:55 am EST

  I am looking for an Angular 2 template directive for wj-flex-chart-series (similar to flexGrid here http://wijmo.com/5/docs/topic/wijmo-wijmo.angular2.grid.WjFlexGridCellTemplate.Class.html) so I can use the <template> element to do dynamic binding. Can somebody please help?

  <wj-flex-chart [itemsSource]="data" [chartType]="chartType" [stacking]="stacking" [rotated]="rotated" [bindingX]="'day'">
        <wj-flex-chart-series [name]="'Thing 1'">
            <template></template>
        </wj-flex-chart-series>
        <wj-flex-chart-series [name]="'Things 2'"></wj-flex-chart-series>
        <wj-flex-chart-series [name]="'Things 3'"></wj-flex-chart-series>
      </wj-flex-chart>

• 

  akhilmalla

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 11:55 am EST

  In case this is not possible, any ideas on how to have dynamic binding for wj-flex-chart-series?
  
  In other words, I want to be able to have dynamic number of

  <wj-flex-chart-series></wj-flex-chart-series>

  for each

  [bindingX]="'day'

  in x axis.

• 

  manish-gupta1

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 11:55 am EST

  Hi Akhil,
  
  As per our understanding, you are looking for dynamic series binding so that series can be drawn dynamically.
  
  If yes, you will need to use ngFor directive to generate series dynamically.

  Please refer to the attached sample that implements the same.
  
  *Please install required package before running the sample.

  Hope it helps.

  Thanks ,
  
  Manish Kumar Gupta
  
  2017/02/FlexChart_dynamic_series.zip