7 回答

• 47

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

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

  回复于 2024-05-09T11:42:34+08:00
• 5

  Flot

  限制：线条，点，填充区域，条形图，饼图和这些组合

  从交互的角度来看，Flot到目前为止将使您尽可能接近Flash图形，因为您可以使用 jQuery . 虽然图形输出非常漂亮，外观漂亮，但您也可以与数据点进行交互 . 我的意思是，您可以将鼠标悬停在数据点上，并获得有关图中该点值的视觉反馈 .

  flot的trunk版本支持饼图 .

  Flot Zoom功能 .

  除此之外，您还可以选择图形块以获取特定“区域”的数据 . 作为此“分区”的辅助功能，您还可以选择图形上的区域并放大以更密切地查看数据点 . 很酷 .

  ---

  迷你图

  限制：饼图，线条，条形图，组合图案

  Sparklines是我最喜欢的迷你图形工具 . 非常适用于仪表板样式图表（请在下次登录时考虑Google Analytics信息中心） . 因为它们非常小，所以它们可以排成一行（如上例所示） . 可以在所有图形插件中使用的另一个好主意是自刷新功能 . 他们的鼠标速度演示向您展示了最佳实时图表的强大功能 .

  ---

  查询图表0.21

  限制：区域，线，条和这些的组合

  jQuery Chart 0.21不是最好看的图表插件，不得不说 . 当涉及到它可以处理的图表时，它在功能上是非常基本的，但是如果你可以投入一些时间和精力，它可以是灵活的 .

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

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

  ---

  jQchart

  限制：Bar，Line

  jQchart是一个奇怪的，他们已经在图表中内置了动画转换和拖放功能，但它有点笨重 - 而且看似毫无意义 . 如果你正确设置了 CSS ，它确实可以生成漂亮的图表，但是那里有更好的 .

  ---

  TufteGraph

  限制：酒吧和堆积酒吧

  Tuftegraph将自己称为“漂亮的条形图，你会向你的母亲展示” . 它接近，Flot更漂亮，但Tufte确实非常轻巧 . 尽管有这样的限制 - 几乎没有可供选择的选项，所以你可以得到你所拥有的 . 检查一下快速赢取条形图 .

  回复于 2024-05-09T11:42:34+08:00
• 4

  检查TeeChart的Javascript

  • 免费用于非商业用途 .

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

  • 互动演示here和here .

  • 一些演示的一些截图：

  

  

  

  回复于 2024-05-09T11:42:34+08:00
• 3

  该领域有一位新玩家，提供先进的交互式HTMl5图表：

  http://datavisualizationsoftwarelab.com/en/products/pie-chart/

  图表示例：

  

  文件：http://developers.dvsl.co/en/pie-chart/

  这个lib有什么好处：

  • 其他切片可以扩展

  • Pie为层次结构提供深入分析（参见示例）

  • 轻松编写自己的数据源控制器，或提供简单的json文件

  • 导出高分辨率图像开箱即用

  • 完整 touch 支持，在iPad，iPhone，Android等上运行顺畅

  

  图表为 free ，用于非商业用途，商业许可证和技术支持 .

  您还可以使用交互式时间图表和网络图表 .
  

  

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

  回复于 2024-05-09T11:42:34+08:00
• -1

  jqPlot看起来很不错，它是开源的 .

  这是一个链接到最令人印象深刻和最新的jqPlot examples .

  回复于 2024-05-09T11:42:34+08:00
• 97

  这里有很多很棒的建议，只需将ZingChart扔到堆栈上就可以了 . 我们最近为该库发布了一个jQuery wrapper，这使得构建和自定义图表变得更加容易 . CDN链接在下面的演示中 .

  我在ZingChart团队，我们在这里回答你们任何一个问题！

  $('#pie-chart').zingchart({
    "data": {
      "type": "pie",
      "legend": {},
      "series": [{
        "values": [5]
      }, {
        "values": [10]
      }, {
        "values": [15]
      }]
    }
  });
  

  <script src="http://cdn.zingchart.com/zingchart.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://cdn.zingchart.com/zingchart.jquery.min.js"></script>
  
  <div id="pie-chart"></div>
  

  回复于 2024-05-09T11:42:34+08:00
• 5

  还有一些没有提到的：

  对于迷你馅饼，线条和酒吧，Peity是精彩，简单，小巧，快速，使用非常优雅的标记 .

  我与Flot的关系（给出了它的名字），但Flotr2非常好，肯定比Flot更好的馅饼 .

  Bluff产生漂亮的线图，但我的馅饼有点麻烦 .

  不是我追求的，而是另一种商业产品（很多喜欢Highcharts）是TeeChart .

  回复于 2024-05-09T11:42:34+08:00