javascript - 饼图与 jQuery

Question

我想用 JavaScript 创建饼图。通过搜索，我找到了 Google Charts API。由于我们使用的是 jQuery，我发现有 jQuery integration for Google Charts可用的。

但我的问题是实际数据被发送到 Google 服务器以创建图表。有没有办法阻止数据被发送到谷歌？我担心将我的数据发送给第三方。

Answer 1

Flot

限制:线、点、填充区域、条形图、饼图以及这些的组合

从交互的 Angular 来看，到目前为止，Flot 将使您尽可能接近 Flash 图形，就像使用 jQuery 一样。虽然图形输出非常流畅且美观，但您还可以与数据点进行交互。我的意思是，您可以将鼠标悬停在数据点上，并在图表中获得关于该点值的视觉反馈。

flot 的主干版本支持饼图。

float 缩放功能。

除此之外，您还可以选择图表的一部分来获取特定“区域”的数据。作为此“分区”的次要功能，您还可以在图表上选择一个区域并放大以更仔细地查看数据点。 非常酷。

---

Sparklines

局限性:饼图、折线图、条形图、组合

迷你图是我最喜欢的迷你绘图工具。非常适合仪表板样式图表(下次登录时想想 Google Analytics 仪表板)。因为它们非常小，所以它们可以包含在一行中(如上例所示)。可以在所有图形插件中使用的另一个好主意是自刷新功能。他们的 Mouse-Speed 演示向您展示了实时图表的最佳功能。

---

Query Chart 0.21

局限性:面积、线、条和这些的组合

jQuery Chart 0.21 不是最好看的图表插件，不得不说。就其可以处理的图表而言，它的功能非常基本，但如果您能投入一些时间和精力，它会很灵活。

将值添加到图表中相对简单:

.chartAdd({

    "label"  : "Leads",
    "type"   : "Line",
    "color"  : "#008800",
    "values" : ["100","124","222","44","123","23","99"]
});

---

jQchart

局限性:条、线

jQchart 很奇怪，他们在图表中内置了动画转换和拖放功能，但它有点笨拙——而且看起来毫无意义。如果您正确设置了 CSS，它确实会生成漂亮的图表，但还有更好的图表。

---

TufteGraph

限制:条形图和堆积条形图

Tuftegraph 将自己标榜为“可以给妈妈看的漂亮条形图”。它接近，Flot 更漂亮，但 Tufte 确实非常轻便。尽管随之而来的是限制——可供选择的选项很少，所以你得到了你所得到的。查看快速获胜条形图。