WordPress的图形库

时间:2011-03-19 作者:Rarst

很久以前,我在WPTavern问过这样的问题,结果失败了。希望这次能好点。:)

可以使用多种方法(生成图像文件、JS、Flash)绘制图形,并且总体上有很多可用的库。

然而,在WordPress的上下文中有一些特定的因素:

使用对与WP捆绑的脚本(如jQuery)具有依赖性的打火机库可能是有效的;

它需要在GPLv2下获得许可,或兼容以适应官方存储库(请注意,它的要求比WP本身更苛刻);

可能有一些细节使得WP技术更容易/更难使用,比如通过本地化功能将数据传递给JavaScript。

您在WordPress中使用了哪些库或其他解决方案来构建图形?

请为每个答案做一件事,这样更容易讨论和投票。

9 个回复
SO网友:Rarst

Google Chart API

免费服务,从URL请求中的数据生成图表图像(由Google托管和服务)。

如果您需要一些非常特定且参数固定的内容,可以很容易地对其中的大部分内容进行硬编码,而不需要任何库(和许可问题)。

缺点:

不适用于敏感数据(通过互联网与谷歌之间传递)

  • 非交互式
  • Self-plug-我为它开发了自己的PHP包装器,但目前它有点过时了PHP class/WP plugin for Google Charts API.

    SO网友:Bainternet

    Highcharts

    Highcharts是一个用纯JavaScript编写的图表库,提供了一种将交互式图表添加到网站或web应用程序的简单方法。支持:

    直线样条曲线面积样条曲线列饼图散点图类型

    License and Pricing

      非商业性-根据知识共享署名非商业性3.0许可证免费
    SO网友:Bainternet

    Libchart

    Libchart是一个免费的图表创建PHP库,非常容易使用,并且greatly documented

    Fetures条形图(水平或垂直)

      许可证

      Libchart是根据GNU通用公共许可证(GPL)条款发行的自由软件。

    SO网友:Bainternet

    FusionCharts Free

    FusionCharts Free是一个完全免费的开源Flash图表组件。它使您能够为web应用程序、桌面应用程序和演示文稿创建动画和交互式Flash图表。

    功能提供了22种流行的图表,如柱形图、直线图、饼图、条形图、甜甜圈图、面积图、堆叠图、烛台图和漏斗图

    许可证

    FusionCharts Free是MIT(X11)和GNU GPL许可证下的双重许可证。

    SO网友:hakre

    Image\\u图形

    Image_Graph 提供一组基于(数字)数据创建图形/绘图/图表的类。

    支持多种不同的绘图类型:条形图、直线图、面积图、步长图、脉冲图、散射图、雷达图、饼图、地图、烛台图、带状图、方框图和;触须和平滑的线、面积和雷达图。

    该图具有高度的可定制性,可以获得所需的精确外观和感觉。

    输出由Image_Canvas, 它可以方便地输出到许多不同的输出格式,包括GD(PNG、JPEG、GIF、WBMP)、PDF(使用PDFLib)、可缩放矢量图形(SVG)。

    许可证LGPL

    http://pear.php.net/package/Image_Graph (通过)

    SO网友:Rarst

    gRaphaël

    流行音乐的官方扩展Raphaël JavaScript库。每个图表类型(饼图、条形图、直线图、点图)具有较小的单独文件的公共核心。

    在MIT许可下(GPLv2兼容)。

    遗憾的是,没有官方文件,但有some unofficial docs available.

    SO网友:C. M. Sperberg-McQueen

    谷歌图表工具(https://google-developers.appspot.com/chart/interactive/docs/index)已经提到了。仅对已经给出的描述进行了两处更正:

    (1) 使用该库时,通过将Google DataTable对象传递给适当的函数,可以用数据填充图表。由于您在自己的Javascript中构建了该数据表,因此所绘制的数据实际上不会在网络上来回移动(除非您首先从网络源检索它们)。因此,谷歌图表工具与其他任何基于Javascript的图表工具相比,都不太适合敏感数据。

    例如,请参见“Data Policy“折线图文档中的声明:

    所有代码和数据都在浏览器中进行处理和渲染。没有数据发送到任何服务器。

    (2) 交互式图表是可能的:API提供Javascript函数调用来更改数据值,以及更改哪些行和列的数据是可见的。

    SO网友:Tom J Nowell

    Flot

    免费画布+基于JS的库,可以创建现成的折线图,高度可配置。可用于蜘蛛图、piecharts、缩放等的插件

    不要与jqplot混淆

    enter image description here

    enter image description here

    许可证

    MIT License

    SO网友:hakre

    bChart

    bChart 3.1

    简单的PHP图表:易于使用

    单个文件

    结束

    相关推荐

    Resizing all images

    我刚刚更改了博客的主题,由于页面宽度很小,它打破了布局。我之前的大多数图片(附在帖子中)的宽度都在600px左右,现在我需要按450px的比例调整它们的大小。如何一次性调整它们的大小?有这个插件吗?P、 美国:编写CSS规则是一个很好的选择,我已经做到了。但我认为调整图像大小也会减少每个页面的下载开销!