Date jqplot日期轴从时间戳开始

我正试图得到一个有日期的x轴。x数据是一个时间戳。不知怎么的，我做不好

该行具有如下值：

line = [[1334856823000, 2], [1334856853000, 1], [1334856883000, 0], [1334856913000,4],[1334856914000, 13], [1334856943000, 16], [1334856973000, 23], [1334857003000, 24], [1334857033000, 36], [1334857063000, 14], [1334857093000, 1]]

            $.jqplot('container', [line],
              { title: "Snelheidsgrafiek",
                axes: {
                  xaxis: {
                    rederer: $.jqplot.DateAxisRenderer,
                    rendererOptions: {tickRenderer: $.jqplot.canvasAxisTickRenderer},
                    tickOptions: {formatString: '%H:%M'}
                  },
                  yaxis: {
                    min: 0
                  }
                }
            });

现在它只显示

%H:%M

作为标签。 我尝试了很多变体，但都没能成功。

开始了。 您的问题是，

tickRenderer:$.jqplot.CanvasAxisTickRenderer

应该与

renderer

处于同一级别，而不是在

rendererOptions

中

编辑

---

此外，您还缺少

CanvasAxisTickRenderer

使用的

canvaxistickrenderer

的导入，您忘记了以大写字母

C

开头，例如：

$.jqplot.canvaxistickrenderer

尝试一下。这是从工作代码中匆忙复制出来的。为了给你一个更好的概述，我删去了很多内容。也许这里和那里缺少一个括号，但它应该让您了解设置什么以及如何设置受影响的变量。这是百分之百有效的

确保还包括所需的Javascript库

如果你需要更多的细节，让我知道

<script type="text/javascript">(function($) {
            var indizes;
            var plot1; 
            $(document).ready(function() {
                $(function() {
                   $(document).ready(function() {
indizes = [["2011-12-31",0.00],["2012-01-31",6.25],["2012-02-28",12.56],["2012-03-31",17.62],["2012-04-30",18.72],["2012-05-31",12.44],["2012-06-30",15.14],["2012-07-31",20.27],["2012-08-31",20.82],["2012-09-30",24.47],["2012-10-31",25.68],["2012-11-30",26.41],["2012-12-31",28.43],["2013-01-31",32.76],["2013-02-28",36.82],["2013-03-31",42.29],["2013-04-30",43.14],["2013-05-31",45.87],["2013-06-30",40.68],["2013-07-31",50.58],["2013-08-31",46.00],["2013-09-29",56.20],["2013-10-02",55.40]];                            ;

            draw_first();

            function draw_first() {
                plot1 = $.jqplot("chartdiv", [indizes], {
                    seriesColors: ["rgba(0, 189, 255, 1)"],
                    title: '',
                    grid: {
                        background: 'rgba(57,57,57,0.0)',
                        drawBorder: false,
                        shadow: false,
                        gridLineColor: '#333',
                        gridLineWidth: 1
                    },
                    legend: {
                        show: true,
                        placement: 'inside',
                        location: 'nw'
                    },
                    seriesDefaults: {
                        rendererOptions: {
                            smooth: false,
                            animation: {
                                show: true
                            }
                        },
                        showMarker: true,
                        pointLabels: {show: pointlabels},
                        markerOptions: {
                            style: 'filledSquare'
                        }
                    },
                    series: [
                        {
                            label: 'Indizes'
                        }
                    ],
                    axesDefaults: {
                        rendererOptions: {
                            baselineWidth: 2,
                            baselineColor: '#444444',
                            drawBaseline: false
                        }
                    },
                    axes: {
                        xaxis: {
                            renderer: $.jqplot.DateAxisRenderer,
                            tickRenderer: $.jqplot.CanvasAxisTickRenderer,
                            tickOptions: {
                                formatString: "%b",
                                angle: 0,
                                textColor: '#888'
                            },
                            min: "2012-10-01",
                            max: "2013-10-31",
                            tickInterval: "1 month",
                            drawMajorGridlines: true
                        },
                        yaxis: {
                            renderer: $.jqplot.LinearAxisRenderer,
                            pad: 0,
                            rendererOptions: {
                                minorTicks: 1
                            },
                            drawMajorGridlines: false,
                            tickOptions: {
                                formatString: function() {
                                    return '%#.1f %';
                                }(),
                                showMark: false,
                                textColor: '#888'
                            }
                        }
                    }
                });
            } 

        })(jQuery);</script>

（函数（$）{
var独立化；
变量1；
$（文档）.ready（函数（）{
$（函数（）{
$（文档）.ready（函数（）{
独立性=[“2011-12-31”，0.00]，“2012-01-31”，6.25]，“2012-02-28”，12.56]，“2012-03-31”，17.62]，“2012-04-30”，18.72]，“2012-05-31”，12.44]，“2012-06-30”，15.14]，“2012-07-31”，20.27]，“2012-08-31”，20.82]，“2012-09-30”，24.47]，“2012-10-31”，25.68]，“2012-11-30”，26.41]，“2012-12-31”，28.43-31]，“2012-08-31]，“2013-32-32,82]["2013-04-30",43.14],["2013-05-31",45.87],["2013-06-30",40.68],["2013-07-31",50.58],["2013-08-31",46.00],["2013-09-29",56.20],["2013-10-02",55.40]];                            ;
先画一张图（）；
函数draw_first（）{
plot1=$.jqplot（“chartdiv”，[indizes]{
系列颜色：[“rgba（0，189，255，1）”，
标题：“”，
网格：{
背景：“rgba（57,57,57,0.0）”，
抽边线：假，
影子：错，
gridLineColor:“#333”，
网格线宽度：1
},
图例：{
秀：没错，
位置：'内部'，
地点：“西北”
},
系列默认值：{
渲染器选项：{
平滑：假，
动画：{
秀：真的
}
},
showMarker：是的，
点标签：{show:pointLabels}，
标记选项：{
样式：“Filled Square”
}
},
系列：[
{
标签：“Indizes”
}
],
axesDefaults：{
渲染器选项：{
基线宽度：2，
基线颜色：'#4444'，
缺点：错误
}
},
轴线：{
xaxis：{
渲染器：$.jqplot.DateAxisRenderer，
tickRenderer:$.jqplot.CanvasAxisTickRenderer，
选择：{
格式化字符串：“%b”，
角度：0，
textColor:“#888”
},
min:“2012-10-01”，
马克斯：“2013-10-31”，
间隔时间：“1个月”，
drawMajorGridlines:正确
},
亚克斯：{
渲染器：$.jqplot.LinearAxisRenderer，
pad:0，
渲染器选项：{
米诺蒂克斯：1
},
drawMajorGridlines:false，
选择：{
formatString:函数（）{
返回“%#.1f%”；
}(),
showMark:false，
textColor:“#888”
}
}
}
});
} 
})（jQuery）；

Thx，但是..该死，无法启动它…我看到它在JSFIDLE中工作，即使其中包含整个行数组。我复制了代码和脚本标记，但它仍然显示“%H:%M”。知道如何调试它吗？看看Firebug控制台。看看那里是否有一些有意义的错误。另外，请让我知道您到底导入了什么（即，您使用什么脚本以及如何将它们添加到页面中）。我使用jQuery 1.6.4，加载了最新的zip（版本1.0.0b2-r1012）并使用了树缩小文件。我将所有内容都移动到了测试服务器上，现在它可以工作了，尽管扩展（x轴的最小值和最大值仍然很奇怪。我会在这里给您发送一个链接，您可以看到问题所在。对于其他轨迹，整个图形仅在cavas的右侧显示。因此，不知何故，它使x轴比需要的大得多。请参阅我的编辑。我注意到您的代码中存在一些错误，例如，您缺少CanvasExtrender的导入类名应该以大写字母开头。