gRaphael:如何为条形图制作边框颜色?

时间:2013-05-17 09:35:38

标签: javascript jquery svg raphael graphael

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

这是我的剧本

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

左,上,右只需要黑色border 喜欢这个

enter image description here

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

2 个答案:

答案 0 :(得分:3)

直接在条形图中将条形应用于条形图:

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

答案 1 :(得分:1)

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

如果您真的想在所有情况下强制使用边框,我建议您修改js文件中的某些行。 (g.raphael.jsg.bar.js) 查找文字stroke而不是none,添加内容。 (不确定笔画是如何工作的,但你可以在SVG documetnation上看到它。)