Can we have multiple series with different type inside one pivot chart?

[Meidika Wardana]

Hi, please help me. I have tried, I can have a pivot chart containing multiple series with the same type e.g. StackedColumn type. For example:

But can we have multiple series with different types? Imagine for the picture above, the capacity is using line chart type instead of stackedcolumn chart type.

Thanks for any help

[Manikandan Murugesan]

Hi Meidika, 

 

Kindly customize the chart series by using the “chartSeriesCreated” event. Please refer to the following code example. 

 

Code Example: 

    <ejs-pivotview 

      :chartSeriesCreated="chartSeriesCreated" 

    ></ejs-pivotview> 

 

 

chartSeriesCreated: function (args) { 

      for (var pos = 0; pos < args.series.length; pos++) { 

        if (pos % 2 !== 0) { 

          args.series[pos].type = "Column"; 

        } 

      } 

    } 

 

 

Meanwhile, we have prepared a sample for your reference. Please find it from below link. 

Sample: https://codesandbox.io/s/nostalgic-resonance-uzhi9?file=/src/components/HelloWorld.vue:44-1034 

Also, please refer to the following UG document to know more details about the chart series customization. 

https://ej2.syncfusion.com/vue/documentation/pivotview/pivot-chart/#series-customization 

Please let us know if you have any concerns. 

 

Regards, 

Manikandan