在jqplot图表中绘制垂直线,x ax具有日期格式

Question

我有一个带有X ax的jqPlot图表具有以下格式:

xaxis: {
             renderer: $.jqplot.DateAxisRenderer,
             tickOptions: {
                          formatString: '%Y-%m-%d \n %H:%M'
                          },
             min: minimo,
             max: maximo,
       }

我无法使用插件$ .jqplot.CanvasOverlay.VerticalLine在我的图表中绘制垂直线,就像在此示例中所示: 示例canvas-overlay jqPlot 我已经尝试了自己的示例并且可以工作但在我的情况下,因为我的图表在x轴上有一个格式,我只能使它适用于水平线,而不是垂直线.

这就是我现在尝试过的:

verticalLine: {
                    name: 'barney',
                    x: "2011-01-07 16:10:00.000",
                    lineWidth: 6,
                    color: 'rgb(100, 55, 124)',
                    shadow: false
                }

我还将x值分配给变量,x: "2011-01-07 \n 16:10:00.000"但仍然无效.也许我应该在我已经拥有的那个上面绘制另一个jqPlot图表.但是如果可能的话我想避免使用该解决方案并且更喜欢VerticalLine方法.

Answer 1

Jqplot期望数值而不是字符串(即使是日期),也不能将从字符串传递的值转换为日期.

您可以在jqplot中使用jsDate对象将日期字符串转换为数值:

x : new $.jsDate( '2011-01-07 16:10:00.000').getTime()