如何將軸標簽和網格添加到拉斐爾條形圖

Question

我在g.raphael條形圖方面遇到問題。 這是我的例子

 var paper = Raphael("holder"); var chart = paper.barchart(100, 40, 480, 300, [[15,18,26,36,55,60,80]]); Raphael.g.axis(90, 320, 280, 0, 100, 10, 1, null, "", null, paper); //paper.path("M100 40L100 320").attr({ stroke: '#ccc' }); var paper = Raphael("holder1"); var chart = paper.barchart(100, 40, 480, 300, [[15,18,26]]); Raphael.g.axis(90, 320, 280, 0, 100, 10, 1, null, "", null, paper);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://blog.fruitsoftware.com/wp-content/raphaeljs/raphael-min.js"></script> <script src="http://blog.fruitsoftware.com/wp-content/raphaeljs/g.raphael-min.js"></script> <script src="https://raphael4gwt.googlecode.com/svn/trunk/raphael4gwt/src/org/sgx/raphael4gwt/public-graphael/graphael/g.bar.js"></script> <html> <body> <div id="holder"></div> <br/> <div id="holder1"></div> </body> </html>

問題：

如何阻止酒吧變得越來越大？ 第一個示例具有6條，第二個示例具有3條，因此在第二個示例中，所有內容都更大，因此與y軸上的標簽不匹配。
如何在條形圖中添加網格線？ 我嘗試使用path元素進行繪制，但由於條形與傳遞的值相比越來越小，因此無法對齊。

感謝Ved

Answer 1

我知道這已經幾個月了，希望我的回答將來對您或其他人有幫助。

因此，正在發生一些導致這些問題的事情。 條形圖在x和y中都按比例縮放，以填充當您調用paper.barchart時圖表給出的可用高度和寬度。 因此，解決此問題的一種方法是傳入虛擬0值，以使條形寬度相同。
對於高度縮放，您需要設置條形圖的“至”選項，以使條形圖繪制到適當的值。
看看我制作的顯示您數據的這個插件。 這是圖表創建調用之一：
```
 var chart = paper1.barchart(100, 40, 480, 300, [[15, 18, 26, 0, 0, 0, 0]], { to: 100 }); 
```
為了解決這個問題，我所做的就是修改軸功能以在與虛線相同的位置繪制網格線。

希望能有所幫助。

如何將軸標簽和網格添加到拉斐爾條形圖

問題描述

1 個解決方案

解決方案1
1 2015-03-13 15:04:46

如何將軸標簽和網格添加到拉斐爾條形圖

問題描述

1 個解決方案

解決方案1 1 2015-03-13 15:04:46

解決方案1
1 2015-03-13 15:04:46