在X軸上的最後一列之後渲染FusionChart中的垂直線

Question

以下數組代表我用於Fusion Chart（條形圖）的X軸元數據。我的要求是如果日期爲即即當前日期，則呈現垂直線。

例如：如果今天是Wed 30-Aug-2011，我在數組中插入一個垂直線對象。這工作正常，一條線被適當渲染。

但是，如果今天是Wed 31-Aug-2011，我將vline對象插入到數組的末尾。這一次，融合圖表不會呈現垂直線。

This page指出垂直線可以放置在任何兩個數據點之間。

據我所知，沒有數據點在這種情況下（即vline對象不是兩個數據點之間），但沒有一種方法能仍然呈現行？ 我發現在vline對象後插入一個空白標籤的黑客，但再次，它是一個黑客，它在右端創建一個明顯的空白區域。我們是否有適當的解決方案？還是我必須處理的一個限制？

[ 
    { 
     "label": "Mon 01-Aug-2011" 
    }, 
    { 
     "label": "Tue 02-Aug-2011" 
    }, 
    { 
     "label": "Wed 03-Aug-2011" 
    }, 
    { 
     "label": "Thu 04-Aug-2011" 
    }, 
    { 
     "label": "Fri 05-Aug-2011" 
    }, 
    { 
     "label": "Sat 06-Aug-2011" 
    }, 
    { 
     "label": "Sun 07-Aug-2011" 
    }, 
    { 
     "label": "Mon 08-Aug-2011" 
    }, 
    { 
     "label": "Tue 09-Aug-2011" 
    }, 
    { 
     "label": "Wed 10-Aug-2011" 
    }, 
    { 
     "label": "Thu 11-Aug-2011" 
    }, 
    { 
     "label": "Fri 12-Aug-2011" 
    }, 
    { 
     "label": "Sat 13-Aug-2011" 
    }, 
    { 
     "label": "Sun 14-Aug-2011" 
    }, 
    { 
     "label": "Mon 15-Aug-2011" 
    }, 
    { 
     "label": "Tue 16-Aug-2011" 
    }, 
    { 
     "label": "Wed 17-Aug-2011" 
    }, 
    { 
     "label": "Thu 18-Aug-2011" 
    }, 
    { 
     "label": "Fri 19-Aug-2011" 
    }, 
    { 
     "label": "Sat 20-Aug-2011" 
    }, 
    { 
     "label": "Sun 21-Aug-2011" 
    }, 
    { 
     "label": "Mon 22-Aug-2011" 
    }, 
    { 
     "label": "Tue 23-Aug-2011" 
    }, 
    { 
     "label": "Wed 24-Aug-2011" 
    }, 
    { 
     "label": "Thu 25-Aug-2011" 
    }, 
    { 
     "label": "Fri 26-Aug-2011" 
    }, 
    { 
     "label": "Sat 27-Aug-2011" 
    }, 
    { 
     "label": "Sun 28-Aug-2011" 
    }, 
    { 
     "label": "Mon 29-Aug-2011" 
    }, 
    { 
     "label": "Tue 30-Aug-2011" 
    },  
    { 
     "label": "Wed 31-Aug-2011" 
    }, 
    { 
     "vline": "true", 
     "thickness": "2", 
     "dashed": "1", 
     "linePosition ": "0", 
     "dashGap": "2" 
    } 
] 

Answer 1

一劈爲：

把V線定義剛剛過去的類別之前，並設置linePosition: 1如下圖所示：

[ 
    { 
     "label": "Mon 01-Aug-2011" 
    }, 
    { 
     "label": "Tue 02-Aug-2011" 
    }, 
    { 
     "label": "Wed 03-Aug-2011" 
    }, 
    { 
     "label": "Thu 04-Aug-2011" 
    }, 
    { 
     "label": "Fri 05-Aug-2011" 
    }, 
    { 
     "label": "Sat 06-Aug-2011" 
    }, 
    { 
     "label": "Sun 07-Aug-2011" 
    }, 
    { 
     "label": "Mon 08-Aug-2011" 
    }, 
    { 
     "label": "Tue 09-Aug-2011" 
    }, 
    { 
     "label": "Wed 10-Aug-2011" 
    }, 
    { 
     "label": "Thu 11-Aug-2011" 
    }, 
    { 
     "label": "Fri 12-Aug-2011" 
    }, 
    { 
     "label": "Sat 13-Aug-2011" 
    }, 
    { 
     "label": "Sun 14-Aug-2011" 
    }, 
    { 
     "label": "Mon 15-Aug-2011" 
    }, 
    { 
     "label": "Tue 16-Aug-2011" 
    }, 
    { 
     "label": "Wed 17-Aug-2011" 
    }, 
    { 
     "label": "Thu 18-Aug-2011" 
    }, 
    { 
     "label": "Fri 19-Aug-2011" 
    }, 
    { 
     "label": "Sat 20-Aug-2011" 
    }, 
    { 
     "label": "Sun 21-Aug-2011" 
    }, 
    { 
     "label": "Mon 22-Aug-2011" 
    }, 
    { 
     "label": "Tue 23-Aug-2011" 
    }, 
    { 
     "label": "Wed 24-Aug-2011" 
    }, 
    { 
     "label": "Thu 25-Aug-2011" 
    }, 
    { 
     "label": "Fri 26-Aug-2011" 
    }, 
    { 
     "label": "Sat 27-Aug-2011" 
    }, 
    { 
     "label": "Sun 28-Aug-2011" 
    }, 
    { 
     "label": "Mon 29-Aug-2011" 
    }, 
    { 
     "label": "Tue 30-Aug-2011" 
    }, 
    { 
     "vline": "true", 
     "thickness": "2", 
     "dashed": "1", 
     "linePosition ": "1", 
     "dashGap": "2" 
    },  
    { 
     "label": "Wed 31-Aug-2011" 
    } 
] 

確保您已設置canvasPadding或隱藏canvas-以確保vline不與canvas邊框重疊。