pchart中的可点击元素？ [关闭]答案

【问题标题】：Clickable Elements in pchart? [closed]pchart中的可点击元素？ [关闭]
【发布时间】：2010-08-18 18:44:09
【问题描述】：

我一直在寻找用 PHP 创建图表的优秀开源工具，pChart 看起来是个不错的候选者。

我需要的是能够单击图表的某些元素，如类别标签或单个条形，以深入了解数据，并在新页面上显示新数据和新图表。

这是 pChart 支持的吗？我知道它会输出图像文件，而且我知道，在紧要关头，我可以尝试使用 HTML 图像映射来使图表的某些部分可点击，但我希望有一种更自动化的方法。

如果 pCharts 不支持此功能，是否有另一个您会推荐的 php 图表包？它需要是开源的，并且是本地托管的（没有Google Chart-type API）。

谢谢！

【问题讨论】：

【解决方案1】：

pChart 不直接支持这个，上次我检查了。

但是，您可以使用 CSS 和叠加元素来做到这一点！您可以在一个网站上看到此示例的实际操作是http://craftcult.com/heartchart.php?userid=sugarpinkboutique（按顶部图表上的获取图表按钮以获取示例，首先选择“卖家买家分开”以获取更详细的示例）。

基本上，您可以使用 JavaScript 和/或 CSS/HTML 在图表上覆盖可点击元素。我建议在你的 CSS 中使用绝对定位，并根据用于创建图表的数据使用 JS 创建元素。

我很喜欢使用 pChart。它写得很好而且很灵活。我还在 SO 上看到了这个链接，它与在 JS 中做类似事情的库有关：http://pchart.sunyday.net/ImageMap/

【讨论】：