如何以编程方式在jqPlot中添加Canvas Overlay对象？

Question

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

对于上述解决方案，我在这里有一个小提琴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();，因此您不会使用canvasOverlay在objects: [myArray]中重新定义另一个数组。

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