Plotly 折线图 - 以错误的顺序连接点

Question

使用Pivottable.js with Plotly折线图时，点用垂直线连接。右边应该和水平线相连。

要重现的代码

<div id="output" style="overflow:scroll;width:100%"></div>
<script>
    var numberFormat = $.pivotUtilities.numberFormat;
    var floatFormat = numberFormat({digitsAfterDecimal: 1});
    var tpl = $.pivotUtilities.aggregatorTemplates; 
    var derivers = $.pivotUtilities.derivers;
    var renderers = $.extend($.pivotUtilities.renderers,
        $.pivotUtilities.plotly_renderers);   
    
    
    var months = ['2000-01','2000-01',  '2000-02', '2000-03', '2000-04', '2000-05', '2000-06', '2000-07', '2000-08', '2000-09', '2000-10', '2000-11', '2000-12', '2001-01', '2001-01'];
    var scores = [-6.5, -30.0, -26.6, -43.6, -52.3, -71.5, -81.4, -80.5, -82.2, -76, -67.3, -46.1, -35, -30, -10];
    var objs =[];
    var i = 0;
    for (m of months) {
        var obj = {};
        obj['month'] = m;
        obj['score'] = scores[i];
        obj['user'] = 'Joe';
        objs.push(obj);
        i++;
    }
    
    $('#output').pivotUI(
        objs,
            {
            renderers: renderers,
            showUI: false,
                rows: ['user'],
                cols: ['month'],
                rendererName: 'Line Chart',
                rowOrder: 'value_a_to_z', 
                colOrder: 'value_a_to_z',
            aggregators: {
                    "Score": function() { return tpl.sum(floatFormat)(['score']) }
             }, 
                rendererOptions: {
                    plotly: { 
                            xaxis: {
                                tickmode: "linear", 
                                tick0: '1999-12-15',
                                dtick: 30 * 24 * 60 * 60 * 1000 // milliseconds 
                            }
                         
                    }
                }               
            }
    );
</script>

预期行为

实际行为

环境

• 数据透视表 v2.23.0
• Plotly Basic v1.53.0
• jQuery v3.4.1
• Opera 浏览器 v70.0:

Answer 1

问题可能出在 rowOrder 和 colOrder 您在此处设置...按给定的顺序绘制数据，这里看起来您正在对数据进行排序Y-value:)