代码之家 › 专栏 › 技术社区 › Ali

快速简单的php/javascript图形

graph javascript php

Ali · 技术社区 · 15 年前

我正在寻找一个简单且易于集成的图形来显示Web应用程序中的销售统计数据。

我基本上会提供这个月的名称,以及那个月的销售额。我想让它画出一张显示统计数据的图表。

最好的解决方案是什么?我想买些有吸引力但很容易融合的东西

8 回复 | 直到 15 年前

cletus 15 年前

Google Charts . 这里有一些PHP包装器:

GphpChart . 我用过这个,它做得很合理。您有时可能需要修改它,但这没关系;
Charts with PHP and Google Charts API ;
googlechartseasyphpclass ;
gchartphp (未维护)。

user254875486 TM Creative 15 年前

您也可以使用flot创建图表,它是基于javascript的。 http://code.google.com/p/flot/

NDM 15 年前

你可以使用jquery visualise插件,它是一个可定制且易于使用的组件,这确实使用了html元素,所以你必须检查浏览器的兼容性。

jQuery Visualize

Aleksandar Vucetic 15 年前

最好和最简单的解决方案是使用amcharts( http://amcharts.com/ )它是一个flash组件(也许不是您要查找的组件),但它始终是我的选择。

leonm 15 年前

如果你不需要一个非常复杂的图形,你可以用一些简单的HTML绘制一个简单的条形图。我见过用户界面设计师使这种技术看起来非常令人印象深刻。

好处是您不需要额外的库或担心性能或页面重量。

举个简单的例子:

<html>
  <body>
    <div width="100%">
      <div style="float:left; width:70px">Jan</div>
      <div style="background: #0A0; width: 300px; margin-left:70px" >$300</div>
    </div>
    <div width="100%">
      <div style="float:left; width:70px">Feb</div>
      <div style="background: #A00; width: 122px; margin-left:70px" >$122</div>
    </div>
    <div width="100%">
      <div style="float:left; width:70px">Mar</div>
      <div style="background: #00A; width: 421px; margin-left:70px" >$421</div>
    </div>
    <div width="100%">
      <div style="float:left; width:70px">Apr</div>
      <div style="background: #0AA; width: 17px; margin-left:70px" >$17</div>
    </div>
  </body>
</html>