numberTicks设置时,jqPlot指向不正确

时间:2012-10-10 15:03:14

标签: javascript jquery jqplot

我正在尝试限制我正在设置的动态jqplot上的滴答数。不幸的是,当我这样做时,这些点看起来并不准确。这是它的样子:

enter image description here

正如您所看到的,例如,10月12日的点不在它的正确轴上。我意识到现在估计这些点,但是这些点在图表上看起来必须准确 - 特别是当悬停在点上时,它们会给出正确的日期和y轴值。

如果有帮助的话,这是我的这个使用的代码:

var datepickerBegin = $("#datepicker_start").datepicker({dateFormat: "dd/mm/yyyy"}).val();
                                var datepickerEnd = $("#datepicker_to").datepicker({dateFormat: "dd/mm/yyyy"}).val();

                                var startDiff = $("#datepicker_start").datepicker("getDate");
                                var endDiff = $("#datepicker_to").datepicker("getDate");
                                alert(startDiff)
                                alert(endDiff)

                                // Check if dates are more than a week apart
                                    if(endDiff - startDiff >= 15 * 86400 * 1000) {
                                    var plot2 = $.jqplot('chart2', jsonurl,{
                                        title: "Storage Space",
                                        dataRenderer: ajaxDataRenderer,
                                        dataRendererOptions: {unusedOptionalUrl: jsonurl},
                                        axes: {
                                            xaxis: {
                                                'numberTicks' : 15,
                                                min: datepickerBegin,
                                                max: datepickerEnd,
                                                renderer:$.jqplot.DateAxisRenderer,
                                                rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},
                                                tickInterval: '1 day',
                                                tickOptions:{formatString:'%#m/%#d/%Y'

                                                }

                                            },
                                            yaxis: {
                                                label: "MB",
                                                tickOptions:{formatString:'%d '},
                                                min: 0
                                            }

                                        },
                                        highlighter: {
                                            show: true,
                                            sizeAdjust: 7.5
                                        }
                                    });
                                    // Somehow fix the line?
                                    plot2.redraw({});

                                } 

那里有人有解决方法吗?谢谢!

0 个答案:

没有答案