当前位置: 首页 > 面试题库 >

JavaScript图表库

杨成礼
2023-03-14
问题内容

有没有人会推荐一个特定的JavaScript图表库-特别是一个根本不使用flash的库?


问题答案:

越来越多的不需要Flash的用于纯JavaScript制图的开源和商业解决方案。在此回复中,我将仅介绍开放源代码选项。

对于不需要Flash的图形,有两种主要的JavaScript解决方案类:

  • 基于画布,在IE中使用ExplorerCanvas呈现,而后者又依赖于VML
  • 基于标准的浏览器上的SVG,在IE中呈现为VML

两种方法都有优点和缺点,但对于制图库,我建议使用后者,因为它与DOM集成良好,可以使用DOM操作图表元素,最重要的是设置DOM事件。相比之下,Canvas图表库必须重新发明DOM轮以管理事件。因此,除非您打算构建没有事件处理的静态图,否则SVG / VML解决方案应该更好。

对于SVG / VML解决方案,有很多选择,包括:

  • Dojox Charting,如果您已经使用过Dojo工具包,则很好
  • 基于Raphael的解决方案

Raphael是一个非常活跃,维护良好且成熟的开源图形库,具有很好的跨浏览器支持,包括IE 6至8,Firefox,Opera,Safari,Chrome和Konqueror。Raphael不依赖任何JavaScript框架,因此可以与Prototype,jQuery,Dojo,Mootools等一起使用。

有许多基于Raphael的图表库,包括(但不限于):

  • gRaphael是Raphael图形库的扩展
  • Ico,具有基于单个函数调用的直观API,可创建复杂的图表


 类似资料:
  • 我一直在使用图表。js图表。js文档 我有一张显示多条线的图表。该图是单位时间内药物浓度的变化图,我想在各种场景下运行该图,如实时、x2、x4、x8等,因此,当下一秒到来时,我希望该图使用新的计算数据进行更新,然后刷新/更新图表。 问题是图表在for循环完成之前不会刷新,我希望图表每秒显示更新的数据。 文档中说update()应该执行以下操作。。。 在图表实例上调用update()将使用任何更新的

  • https://g2plot.antv.antgroup.com/examples#general-state 当没有数据的时候,大白屏太难看,有没有empty图标的配置属性,可以看上去不那么空。

  • 本文向大家介绍4个顶级开源JavaScript图表库,包括了4个顶级开源JavaScript图表库的使用技巧和注意事项,需要的朋友参考一下 图表对于可视化数据和使网站具有吸引力非常重要。可视化演示使分析大块数据和传达信息变得更加容易。JavaScript图表库使你能够以易于理解和交互的方式可视化数据,并改善网站的设计。有四个顶级开源JavaScript图表库,你一定要Get! 1.Chart.js

  • echarts图表渲染不出来,查看元素canvas标签都没有。 需求:在表格内点击生成echart图 解决:表格数据渲染,其中一列判断为csv属性后,实现在单元格内点击文字,触发dialog弹窗,弹窗中显示echart图表。 模板: data: dialogTableVisible: false methods: 渲染出来了(可能一开始就渲染出来没注意到),但是弹窗上不显示,而是后面阴影部分显示出

  • 我在chartJS中制作了一个图表,我想根据用户从下拉列表中选择的内容使用新数据更新它,使用相同的画布。问题是当我执行更新功能时,图表会用新数据更新,但过一会儿又会回到原始图表。我该如何解决这个问题?下面是代码,感谢大家的帮助:

  • 本文向大家介绍JavaScript可视化图表库D3.js API中文参考,包括了JavaScript可视化图表库D3.js API中文参考的使用技巧和注意事项,需要的朋友参考一下 D3 库所提供的所有 API 都在 d3 命名空间下。d3 库使用语义版本命名法(semantic versioning)。 你可以用 d3.version 查看当前的版本信息。 d3 (核心部分) 选择集 d3.sel