Pivot Chart - Show dual axis with different chart types

Pivot Chart - Show dual axis with different chart types

Posted by: singh.jagdeep91 on 30 January 2019, 2:11 am EST

• 

  singh.jagdeep91

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 30 January 2019, 2:11 am EST - Updated 3 October 2022, 8:12 pm EST

  Hi,

  I am having an pivot panel & pivot chart. As i add 2 fields in Values Fields of Pivot Engine i want to show those as shown in the attached image below. With dual axis and mixed chart types (Column & Line).
  
  Please let me know how we can achieve this functionality ?
  
  

  

  1302×544 424 KB

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 31 January 2019, 12:43 am EST

  Hi,

  Please refer to the following sample demonstrating the required functionality:
  
  https://stackblitz.com/edit/angular-iw9rmq?file=app%2Fapp.component.ts
  
  The basic idea is that first we get an instance of the underlying FlexChart object using the flexChart property of the pivotChart. And then we can customize the underlying flexChart just like a normal flexChart.
  
  Please refer to the following sample to get started with the flexChart customization:
  
  https://demos.wijmo.com/5/PureJS/LearnWijmo/LearnWijmo/#zrbukdvm

  ~Sharad