Add trendline of selected series chart

[Maico Schmitz]

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!

[Kalaimathi Chellaiah]

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: 

 

 

Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/AddingTrendline1469316992.zip 

 

Kindly check the above sample and revert us, if you need further assistance. 

Regards, 

Kalai. 

[Maico Schmitz]

Hi Kalai,

Worked perfectly.

Thank you!

[Srihari Muthukaruppan]

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