构建简单条形图的建议，但具有自定义样式答案

【问题标题】：Advice for building simple bar chart, but with custom styling构建简单条形图的建议，但具有自定义样式
【发布时间】：2010-10-25 15:52:02
【问题描述】：

我有一些使用 Google 的 Visualization API 以条形图显示的数据。在设计师重新设计之前很简单......现在它似乎超出了 Google 可以帮助我的范围。

鉴于附加的模型（并注意反射和渐变等更精细的细节！）- 您将如何构建它？使用一些现有的图形库？从头开始自制？

感谢您的任何建议。

【问题讨论】：

标签： charts

【解决方案1】：

如果您需要遵守上图所示的自定义设计要求，我将使用更通用的图形库（例如 Rapheal）构建图表应用程序。

虽然它没有提供用于将数据插入图表的简单 API，但它确实提供了使用以下内容构建图表的能力：

【讨论】：

【解决方案2】：

您可以使用 CSS 更改视觉效果。

【讨论】：

【解决方案3】：

当然，您可以使用 Rapheal 的chuckx 推荐，它是一个基于 SVG 的 Javascript 库。它可以接受 JSON 值，所以如果你有来自 Google API 的 JSON，你可以直接输入。

选项 2：HTML 画布。有很多 HTML 5 画布库，如 Kinect、fabric.js powerful javascript canvas libraries

【讨论】：