最好的JavaScript图表库或者我们可以在Raphael条形图中添加比例吗?

时间:2011-05-26 05:46:58

标签: javascript charts raphael graphael

任何人都可以帮我选择最好的JavaScript图表库吗?我想要一个饼图和一个堆积的条形图。我试过Raphael图表,但它看起来不像堆积条形图,因为它没有数字刻度。图表库应该是免费的。

2 个答案:

答案 0 :(得分:1)

The JavaScript InfoVis Toolkit (JIT)是我最喜欢的,它的易用性和漂亮的图表。

答案 1 :(得分:1)

gRaphael 中,您可以添加数字刻度到堆积条形图。这很痛苦,但是你要将轴类添加到你的raphael.g对象(或“纸”)中。您将调整轴的位置以与图形对齐(图形将添加填充到底部,顶部和侧面)。这样,您也可以自己将破折号添加到轴中。

axis = raphael.g.axis(xposition, yposition, length, startval, endval, numberOfDashes, whichAxis);

您需要将“whichAxis”设置为1作为y轴,将0设置为x轴。其余的应该是有道理的。

就其他免费的javascript图表库而言,如果你不关心与旧浏览器的向后兼容性,那么Protovis就会很酷。他们的新图书馆D3也非常好。他们的大部分内容都涉及创建自己的图表类型,而不是创建一个库供您构建。它为您提供了更多的自由。

关于gRaphael的一个可怕的事情是,它非常特别关于它如何展示东西,并没有给你很多自由来制作你想要的图表。 D3肯定会给你这种自由。不幸的是,它依赖于HTML5和CSS3功能。