g.Raphael隐藏y轴标签

时间:2013-04-10 12:02:45

标签: raphael linechart graphael

我用g.Raphael.js添加折线图,如下所示:

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'] });

有时,“trendline”将是一个空数组,导致Y轴标签为“NaN”和“Infinity”。在这些情况下如何隐藏这些标签? 我尝试过使用axisystep,但这并没有什么区别。 也许折线图可以像点图表那样使用“轴标签”设置?

1 个答案:

答案 0 :(得分: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': ""});
    };
}