I have the same error:

var interval = setInterval(function() {
    $.ajax({
        url : 'ajax/updatevalues',
        dataType : 'json',
        type : 'GET',
        success: function(data)
        {   
            var dateStr = JSON.parse(data.temperature.last_timestamp)
            // console.log('dateStr:', dateStr); // 2014-01-01T23:28:56.782Z
            temp_time = new Date(dateStr);
            // console.log('temp_time:', temp_time); // 2014-01-01T23:28:56.782Z
            temp_temperature = data.temperature.last;
            temp_refined_fuels = data.refined_fuels.last;
            temp_crude_oils = data.crude_oils.last;

            index.push(temp_time);
            temperature.push(data.temperature.last);
            refined_fuels.push(data.refined_fuels.last);
            crude_oils.push(data.crude_oils.last);
        }
    });

    
    xx = [];
    yy = [];
    

    temperature_list = [];
    refined_fuels_list = [];
    crude_oils_list = [];

    $('input[type=checkbox]').each(function () {

        if(this.checked == true){
            if(this.name == 'Temperature'){
                tt = [];
                tt.push(temp_time);
                xx.push(tt);
                temperature_list.push(temp_temperature);
                yy.push(temperature_list);
            }else if(this.name == 'Refined_Fuels'){
                tt = [];
                tt.push(temp_time);
                xx.push(tt);
                refined_fuels_list.push(temp_refined_fuels);
                yy.push(refined_fuels_list);
            }else if(this.name == 'Crude_Oils'){
                tt = [];
                tt.push(temp_time);
                xx.push(tt);
                crude_oils_list.push(temp_crude_oils);
                yy.push(crude_oils_list);
            }
        }        
    });

    console.log('xx: ', xx);
    console.log('yy: ', yy);
    console.log('get_number_of_traces(): ', get_number_of_traces());

    Plotly.extendTraces(testGraph, {
        x: xx ,
        y: yy 
        }, get_number_of_traces() );
    cnt++;

if(++cnt === 100) clearInterval(interval);
}, 2000);

the console lines print :

xx: (2) [Array(1), Array(1)]
(y: (2) [Array(1), Array(1)]
(active_parameters: (2) ["Refined_Fuels", "Crude_Oils"]
(get_number_of_traces(): (2) [0, 1]

console log of error:

Uncaught Error: indices must be valid indices for gd.data.
at z (plotly-latest.min.js:formatted:115679)
at plotly-latest.min.js:formatted:115705
at D (plotly-latest.min.js:formatted:115712)
at Object.t [as extendTraces] (plotly-latest.min.js:formatted:116859)
at (index):1432

I want to show multiple data on the same chart. the user may select or deselect the checkboxes to add or delete traces. the data are coming from AJAX. all the received data are tested and are valid.
any suggestions?

Uh oh!

How to properly use extendTraces #85

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions