Add trendline of selected series chart

Hi,

How can I add a trendline by selecting a series and clicking a button?

The code I want is something like this:


function
 AdicionarTendencia(ch) {     var chart = document.getElementById(ch).ej2_instances[0];     var series = chart.selectionModule.selectedDataIndexes;     if (series.length > 0) {         var i = series[0].series;         chart.series[i].trendlines.add();     }     else {         alert("Nenhuma Série Selecionada! Por Favor selecione primeiro uma série.")     } }

Is there a way to do this? Thank you!


3 Replies

KC Kalaimathi Chellaiah Syncfusion Team October 30, 2019 10:43 AM UTC

Hi Maico, 
 
Greetings from Syncfusion. 
 
We have analysed your query. Based on that we have prepared a sample. In that, we are adding trendlines after selecting a series and clicking the button. Please find below sample and code snippet, 
 
Code Snippet: 
  document.getElementById('togglebtn').onclick = () => { 
        var chart = document.getElementById('container').ej2_instances[0]; 
        var series = chart.selectionModule.selectedDataIndexes; 
        if (series.length > 0) { 
            var i = series[0].series; 
            if (i == 0) { 
                chart.series[i].trendlines = [{ type: 'Linear', animation: { enable: false }, fill: 'red', width: 3, dashArray: '5,5' }]; 
               //To maintain the selected data index 
                chart.selectedDataIndexes = [{ series: i }]; 
        chart.refresh(); 
            } 
//other code here 
        } else { 
            alert("Nenhuma Série Selecionada! Por Favor selecione primeiro uma série.") 
        } 
    }; 
 
Screenshot: 
 
 
 
Kindly check the above sample and revert us, if you need further assistance. 

Regards, 
Kalai. 



MS Maico Schmitz October 30, 2019 02:28 PM UTC

Hi Kalai,

Worked perfectly.

Thank you!


SM Srihari Muthukaruppan Syncfusion Team October 31, 2019 06:30 AM UTC

Hi Maico,  
 
Most welcome. Kindly get in touch with us, if you would require further assistance. We are always happy in assisting you.   
   
Thanks,   
Srihari M 


Loader.
Up arrow icon