Javascript Rapahel js条形图向X和Y轴添加标签

以下是我在stackoverflow答案的帮助下得到的结果。 我能够在条形图上为条形图添加说明，但现在正努力在Y轴上添加标签和比例

window.onload = function ()
{
    var r = Raphael("diagram"),
    data3 = [25, 20, 13, 32, 15, 5, 6, 10],
    txtattr = { font: "24px 'Allerta Stencil', sans-serif", fill: "rgb(105, 136, 39)" };
    r.text(250, 10, "Sample Chart").attr(txtattr);
    var bc = r.barchart(10, 10, 500, 400, data3,
    {
        stacked: false,
        type: "sharp"
    });
    bc.attr({ fill: "#2f69bf" });
    var x = 1;

    labelBarChart(r, bc,
             ['abc', 'b', 'card', 'd', 'elph', 'fun', 'gurr', 'ha'],
             { fill: "#2f69bf", font: "16px sans-serif" }
    );
};

function labelBarChart(r, bc, labels, attrs)
{
    for (var i = 0; i < bc.bars.length; i++)
    {
        var bar = bc.bars[i];
        var gutterY = bar.w * 0.4;
        var labelX = bar.x;
        var labelY = bar.y + bar.h + gutterY;
        var labelText = labels[i];
        var labelAttr = { fill: "#2f69bf", font: "16px sans-serif" };
        r.text(labelX, labelY, labelText).attr(labelAttr);
    }
}

我希望图表看起来像这样，在Y轴上有描述和单位，不需要任何像浮雕效果之类的花哨效果

---

!

你和这个朋友交上好运了吗？因为我也想把轴的名字写在图表上，但我不知道why@JimBlum不走运，伙计，但我正在研究其他解决方案……令人震惊的是，当有这么多人建议在IE问题上使用这个库时，我在这里没有得到任何回应。是的。我试着使用它，但它真的是有缺陷的，而且只能提供有限的功能。。。我在这里发布了6个关于graphael的问题，我只在一个小时内得到了答案。。。非常感谢你回答我，伙计：@Jim只是想更新我最终使用jqPlot来完成这项工作，因为我没有复杂的图形或大量的数据点用于渲染，它使用excanvas进行绘图，jqplot的性能随着IE的数据点数量线性下降。此外，以前的开发人员在客户端有大量javascript，在循环中的数组上执行操作，我将其移植到服务器端代码。IE8JavaScript引擎是比其VMLAPI更大的罪魁祸首。我的速度提高了8-10倍，jqplot有很多插件可以让你的生活变得轻松：非常感谢你的朋友。我还换了图书馆。我现在用的是D3：拉斐尔太难对付了