Two series types on the same chart

Question

Hi,Is it possible to have two different series types (bar and line) on the same chart. Please check the attached picture as an example.Attachment: Untitled_a990d0a8.zip

Manikandan Murugesan · Answer

Hi Christian, 

Using the "chartSeriesCreated" event, you can customize the chart series of the pivot chart at run time. Please see the code example below. 
 
Code Example: 




    chartSeriesCreated: function (args) { 
      for (var pos = 0; pos < args.series.length; pos++) { 
        if (pos === 4) { 
          args.series[pos].type = "Line"; 
          args.series[pos].width = 3; 
        } 
      } 
    }, 
 
Meanwhile, we have prepared a sample for your reference. Please find it from below link. 
Sample: https://codesandbox.io/s/magical-silence-wxgtm?file=/src/components/HelloWorld.vue 
 
For more information on chart series customization, please see the UG document linked below. 
Document: https://ej2.syncfusion.com/vue/documentation/pivotview/pivot-chart/#series-customization 

Please let us know if you have any concerns. 

Regards, 
Manikandan