jquery - 如何以编程方式在 jqPlot 中添加 CanvasOverlay 对象？

Question

我正在尝试在 jqPlot 中动态添加 canvasOverlay 对象。我点击了这个链接。 horizontalLine and verticalLine in JQPlot dynamically by canvasOverlay

我这里有一把 fiddle http://jsfiddle.net/HbU85/对于上述解决方案。不知怎的，垂直线没有被渲染。

作品:

canvasOverlay: {
                    show: true,
                    objects: [{line:{start:[new Date('2012-05-01').getTime(),0],stop :[new Date('2012-05-10').getTime(),0],
                   lineWidth: 1000,color: 'rgba(255, 0, 0,0.45)',shadow: false,lineCap : 'butt'}}]
                },

不起作用:

    var myArray = Array();
    myArray.push({line:{start:[new Date('2012-05-01').getTime(),0],stop :[new Date('2012-05-10').getTime(),0],
                   lineWidth: 1000,color: 'rgba(255, 0, 0,0.45)',shadow: false,lineCap : 'butt'}});
.
.
.
.
                canvasOverlay: {
                    show: true,
                    objects: [myArray]
                },

我错过了什么？

Answer 1

几乎是对的。

由于您已经定义了一个数组 var myArray = Array();，因此您无需使用 objects: [myArray]< 在 canvasOverlay 中重新定义另一个数组.

只需使用objects: myArray 代替:http://jsfiddle.net/HbU85/1/