2013-04-10 350 views
0

我添加一行圖與g.Raphael.js像這樣:g.Raphael隱藏y軸標籤在

var tl = paper.linechart(x, y, w, h, [[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]], [trendline], { axis: "0 0 0 1", colors:['#fff'] }); 

有時候,「趨勢線」將是一個空數組,這導致在Y軸「NaN」和「Infinity」的標籤。如何在這些情況下隱藏這些標籤? 我試過玩過axisystep,但是沒有什麼區別。 也許折線圖可以使用像點圖一樣的「axisylabels」設置?

回答

1

我認爲你可以做到隱藏標籤在這種情況下,以下情況:

var chart = paper.linechart(x, y, w, h, 
    [[1,2,3,4,5,6,7,8,9,10]], [trendline], 
    { axis: "0 0 0 1", colors:['#fff'] }); 

// hide labels if there is no data 
if (trendline.length == 0) { 
    var y_labels = chart.axis[0].text.items; 
    for (var i in y_labels) { 
     y_labels[i].attr({'text': ""}); 
    }; 
} 
+0

http://jsfiddle.net/fsmJp/ – 2013-06-05 09:09:58