-2

我想要一个类似这样的图表：

http://jcharts.sourceforge.net/samples/stackedBar.html#Horizo​​ntal+Stacked+Bar+Chart

我在如何在表格和或与 div 等中执行此操作方面受到挑战。制作一个不超过一个部分的简单图表似乎更容易。我不确定从哪里开始，采取什么方法，或者在网上看哪里。我想保持简单。

似乎我找到了一些插件等，但如果可能的话，我想自己编写 html/css。我也使用 Ruby，有些插件是错误的语言..

4

2 回答 2

1

这些图表是图像。用纯 HTML/CSS 重现它们将是一个挑战，而且可能不值得。

如果您找到适合您的插件（可能是 JavaScript），请使用它。

于 2012-06-14T15:13:27.700 回答
0

水平图表非常简单。您始终可以在 div 中使用 div 来表示堆叠的条形图，因此第一个 div 的背景颜色为蓝色，而在该 div 中您的背景颜色为黄色。

3d 图表您可以为每个条形图提供背景图像，并使用不同背景图像颜色的不同内部 div 为您提供堆叠的颜色变体图表

这个布局应该全部用DIVS和绝对定位完成

于 2012-06-14T15:22:01.197 回答