javascript - gRaphael：如何为 barchat 制作边框颜色？

Question

是否有任何解决方案可以为 g.raphael 中的条形图制作边框颜色？

这是我的脚本

efficiency.barchart(0, 200, 400, 150, [
    [10, 5, 32, 13, 2, 55, 8]
], {
    vgutter: 0,
    colors: ["#F58A2A"],
        "gutter": "0%"
});

border左、上、右只需要黑色像这样

http://jsfiddle.net/sweetmaanu/u4qzB/4/

Answer 1

直接在条形图中将属性应用于条形：

efficiency.barchart(0, 0, 400, 150, [
  [55, 20, 13, 32, 5, 1, 10]
], {
  type: 'soft',
  //vgutter: 5,
  stretch: true,
  colors: ["#F00"],
}).bars.attr({
  stroke: "#000",
  "stroke-width":1
});

Answer 2

似乎没有使用边框的选项barchart，您可以在文档中看到它：http: //g.raphaeljs.com/reference.html#Paper.barchart

如果您真的想在所有情况下强制使用边框，我建议您修改js文件中的一些行。(g.raphael.js和g.bar.js) 寻找文本stroke而不是none, 添加一些东西。（不确定中风是如何工作的，但您可以在SVG 文档中看到它。）