Javascript 带jQuery的饼图

我想用JavaScript创建一个饼图。在搜索中，我找到了谷歌图表API。由于我们使用jQuery，我发现有可用的

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

限制：直线、点、填充区域、条形图、饼图和这些的组合 从交互的角度来看，Flot将使您尽可能接近Flash图形，就像您使用

jQuery

一样。虽然图形输出非常流畅、美观，但您也可以与数据点进行交互。我的意思是，你可以将鼠标悬停在一个数据点上，并在图形中获得该点的值的视觉反馈

flot的主干版本支持饼图

Flot缩放功能

除此之外，您还可以选择图形的一块，以获取特定“区域”的数据。作为此“分区”的第二个功能，您还可以在图形上选择一个区域并放大以更近距离地查看数据点。很酷

---

限制：饼图、线、条、组合 Sparklines是我最喜欢的迷你图形工具。非常适合于仪表板样式的图形（下次登录时请考虑Google Analytics dashboard）。因为它们非常小，所以可以包含在一行中（如上面的示例所示）。另一个可以在所有图形插件中使用的好主意是自刷新功能。他们的鼠标速度演示向您展示了实时图表的最佳功能

---

限制：面积、线、条和这些的组合 不得不说，jQueryChart0.21并不是外观最好的图表插件。当涉及到它可以处理的图表时，它的功能非常基本，但是如果你能投入一些时间和精力，它可以是灵活的

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

.chartAdd({

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

---

限制：条、线 jQchart是一个奇怪的例子，他们在图表中内置了动画转换和拖放功能，但是它有点笨重——而且似乎毫无意义。如果你把

CSS

设置正确，它确实会生成好看的图表，但是还有更好的

---

限制：钢筋和堆叠钢筋 Tuftegraph以“你会给你妈妈看的漂亮条形图”的形式销售自己。它很接近，弗洛特更漂亮，但塔夫特确实非常轻便。尽管有了这些限制，但几乎没有选择的余地，所以你得到了你所得到的。查看一下quick win条形图。

看起来不错，而且是开源的

---

以下是最令人印象深刻和最新的链接。

还有一些未提及的内容：

对于迷你馅饼，线条和条状，是辉煌的，简单的，微小的，快速的，使用真正优雅的标记

我不确定它与弗洛特（顾名思义）的关系，但它相当不错，肯定比弗洛特做得更好

生产好看的线图，但我有一点麻烦与它的馅饼

不是我想要的，但另一个商业产品（很像Highcharts）是。

非常有用，也支持许多其他类型的图表

---

它可以与jQuery一起使用，也可以不与jQuery一起使用。

该领域有一个新的播放器，提供高级导航图表，使用Canvas实现超平滑的动画和性能：

图表示例：

文件：

这个库的酷之处是：

• 其他切片可以扩展
• Pie提供了分层结构的深入分析（参见示例）
• 轻松编写自己的数据源控制器，或提供简单的json文件
• 从机箱中导出高分辨率图像
• 全面触摸支持，在iPad、iPhone、android等设备上运行顺畅

图表是免费的，用于非商业用途，还提供商业许可证和技术支持

还有交互式时间图表和网络图表供您使用。

---

图表附带了广泛的API和设置，因此您可以控制图表的各个方面。

这里有很多很好的建议，只是为了更好地衡量，我们将把它们放到堆栈中。我们最近发布了一个用于该库的应用程序，它使构建和自定义图表变得更加容易。CDN链接在下面的演示中

我是ZingChart团队的成员，我们在这里回答你们任何人可能提出的任何问题

$（“#饼图”）.zingchart({
“数据”：{
“类型”：“馅饼”，
“图例”：{}，
“系列”：[{
“价值”：[5]
}, {
“价值”：[10]
}, {
“价值”：[15]
}]
}
});

检查

免费供非商业用途

包括jQuery、Node.js、WordPress、Drupal、Joomla、Microsoft TypeScript等的插件

交互式演示和演示

一些演示的一些屏幕截图：




谢谢你的回答。我正在检查jqPlot，它似乎解决了我的问题。但还有一个问题仍然存在，我需要图表图例出现在图表中而不是外部。每当我看到这样一个漂亮的列表时，我发现自己希望每个项目都是一个单独的答案，这样就可以独立投票。简单地使用得分最高的lib会更有效率。在这里，作为一个使用过Flot并发现它是一个很好的稳定lib的人，我尝试了Flot，但放弃了它，因为我无法自定义axis labelsSorantis，到查询图表0.21的链接已经失效。注意：在大多数版本中（目前也是最新版本）它在（函数（$）…）声明之外使用$reference，因此它可能与原型或其他任何东西冲突。您的意思是什么？我们已经有内置的图像裁剪设备