Home forums Using CanvasJS line graph with multiple series from csv Reply To: line graph with multiple series from csv

#11505

script is updated but still graph did not generated and no error in console.

    <script type="text/javascript">
        $(document).ready(function () {

            $.ajax(
                {
                    type: "GET",
                    url: "Data.csv",
                    dataType: "text",
                    success: function (data) { processData(data); }
                });

            function processData(allText) {
                var allLinesArray = allText.split('\n');
                if (allLinesArray.length > 0) {
                    var cpu0 = [];
                    var cpu1 = [];
                    var cpu2 = [];
                    var cpu3 = [];

                    for (var i = 0; i <= allLinesArray.length - 1; i++) {
                        var rowData = allLinesArray[i].split(';');
                        
                        if (rowData && rowData.length > 1) {
                            if (i != 0) {
                                cpu0.push({ x: rowData[1], y: rowData[2] });
                                cpu1.push({ x: rowData[1], y: rowData[3] });
                                cpu2.push({ x: rowData[1], y: rowData[4] });
                                cpu3.push({ x: rowData[1], y: rowData[5] });
                            }
                            
                        }
                    }
                    console.log(cpu0);
                    var chart = new CanvasJS.Chart("chartContainer",
                    {
                        title: {
                            text: "CPU Usage"
                        },
                        data: [
                            {
                                type: "Line",
                                dataPoints: cpu0
                            },
                            {
                                type: "Line",
                                dataPoints: cpu0
                            },
                            {
                                type: "Line",
                                dataPoints: cpu0
                            },
                            {
                                type: "Line",
                                dataPoints: cpu0
                            }
                        ]
                    });
                    chart.render();
                }
            }
        });
    </script>

Console output