基于时间戳的flotr / protochart条形图

Question

我想创建一个带有flotr / protochart的条形图（试过两个），但我无法让它正常工作。在进行以下操作时，我得到的网格与网格线一样小。

Flotr.draw(
            $('workflow-chart'),
            [
                { label: 'D1', data: [[1291622400000, 3], [1291708800000, 8], [1291795200000, 7], [1291881600000, 0], [1291968000000, 5]] }
            ],

            {
                bars: {show: true, fill: true},


                xaxis: {

                    tickFormatter: function(t) 
                        { 
                            date = new Date();
                            date.setTime(t);

                            day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate();
                            month = date.getMonth()+1 > 9 ? date.getMonth()+1 : "0" + (date.getMonth()+1);

                            return day + "." + month;
                        }
                }
            }
        );

这个问题与Flotr x-axis date/time类似，但没有帮助。

Answer 1

您需要设置xaxis的“模式”，如here。

            xaxis: {
                mode: "time",
                tickFormatter: function(t) 
                    { 
                        date = new Date();
                        date.setTime(t);

                        day = date.getDate() > 9 ? date.getDate() : "0" + date.getDate();
                        month = date.getMonth()+1 > 9 ? date.getMonth()+1 : "0" + (date.getMonth()+1);

                        return day + "." + month;
                    }
            }