0

我在 jquery 中使用 dateaxisrender jqplot 绘制图表。在这里,我们在 x 轴上给出了我们从服务器收到的日期。

图表绘制得很好,但每个 xtick 之间的差距是不同的。

假设我的 xtciks 日期是:“08-Aug”、“10-Aug”、“01-Sep”、“15-sep”、25-dec。

“08-Aug”和“10-Aug”之间的差距很小。“10-Aug”和“01-Sep”之间的差距很大,“15-sep”和25-dec之间的差距更大。

我认为图表正在考虑日期之间的天数,给出每个日期之间的宽度。但在我的情况下,它应该是相等的宽度。

有人可以建议我如何紧急解决这个问题吗?

我无法在此处粘贴图形图像。

$.jqplot(grphOneID, [grdPoints], YI.getGraphOpts(grdXTcks, YAxisLbl)).replot();

getGraphOpts: function (XTcks, YAxisLbl) {
        /// <summary>Object that holds all the setting's required for Graph generation.</summary>
        $.jqplot.config.enablePlugins = true;
        var optsObj =
            {
                axes: {
                    yaxis: {
                        ticks: m_CompositeReport.stdYLbls,
                        label: YAxisLbl,
                        tickOptions: {
                            formatString: '%d'
                        }
                },
                    xaxis: {
                        renderer: $.jqplot.DateAxisRenderer,
                        label: 'Shop',
                        ticks: XTcks,
                        tickOptions: {
                            formatString: "%m/%d",
                            markSize: 4
                        },
                        numberTicks: 0,
                    }
                },
                seriesColors: m_CompositeReport.stdColors.reverse()
            }
        return optsObj;
    },

注意:我们不能使用 CategoryAxisRender 因为它在行之间绘制 xtick,如下所示:http: //jsfiddle.net/JWhmQ/2052/ 但是我们需要将日期绘制在行上,如下所示:http://www.jqplot .com/deploy/dist/examples/customHighlighterCursorTrendline.html

4

1 回答 1

0

对于您的 x 轴:

xaxis: {
    renderer: $.jqplot.CategoryAxisRenderer,
    label: 'Shop',
    ticks: XTcks,
    tickOptions: {
        formatString: "%m/%d",
        markSize: 4
    },
    numberTicks: 0
}

并将此文件包含到您的代码中:http ://www.jqplot.com/deploy/dist/plugins/jqplot.categoryAxisRenderer.min.js

于 2013-11-14T19:07:55.983 回答