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

Charts 在jqplot图表中绘制垂直线,x轴具有日期格式,charts,jqplot,Charts,Jqplot,我有一个带有X轴的jqPlot图表,其格式如下: xaxis: { renderer: $.jqplot.DateAxisRenderer, tickOptions: { formatString: '%Y-%m-%d \n %H:%M' }, min: minimo, max: maxim

我有一个带有X轴的jqPlot图表,其格式如下:

xaxis: {
             renderer: $.jqplot.DateAxisRenderer,
             tickOptions: {
                          formatString: '%Y-%m-%d \n %H:%M'
                          },
             min: minimo,
             max: maximo,
       }
我无法使用插件$.jqplot.CanvasOverlay.VerticalLine在图表中绘制垂直线,如本例所示: 我自己也尝试过这个例子,但在我的例子中,因为我的图表有一个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图表的基础上再画一个jqPlot图表。但如果可能的话,我希望避免这种解决方案,我更喜欢VerticalLine方法。

Jqplot期望的是一个数值而不是字符串(即使是日期),并且无法将您从字符串传递的值转换为日期

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

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

Jqplot需要的是数值而不是字符串(即使是日期),并且无法将您从字符串传递的值转换为日期

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

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

嗯,我还想要不止一条垂直线。所以我必须为垂直线创建一个对象列表

var dates_vertical=[/*Array wit Dates*/];
var objects_vertical=[];
function create_vertical_lines() {
  for (var j = 0; j < dates_vertical.length ; j++) {
   objects_vertical[j]= new Object({ "verticalLine": {     
   "x": new $.jsDate(dates_vertical[j]).getTime(),
   "color": "red", 
   "lineWidth": 4 
   } 
 });
};

谢谢

嗯,我还想要不止一条垂直线。所以我必须为垂直线创建一个对象列表

var dates_vertical=[/*Array wit Dates*/];
var objects_vertical=[];
function create_vertical_lines() {
  for (var j = 0; j < dates_vertical.length ; j++) {
   objects_vertical[j]= new Object({ "verticalLine": {     
   "x": new $.jsDate(dates_vertical[j]).getTime(),
   "color": "red", 
   "lineWidth": 4 
   } 
 });
};
谢谢