「首席架构师精选」JavaScript图表库的比较

简介: 「首席架构师精选」JavaScript图表库的比较

图表的类型

有几种不同类型的图表。最常见的四种图形可能是线形图、条形图和直方图、饼图和笛卡儿图。它们通常用于,而且最好用于,完全不同的东西。

你会使用:

  • 条形图,显示相互独立的数字。例如,数据可能包括喜欢中国外卖、印度外卖和炸鱼薯条的人数。
  • 饼状图向您展示如何将一个整体分成不同的部分。例如,您可能想要显示预算是如何在特定的一年花费在不同的项目上的。
  • 折线图显示了数字是如何随时间变化的。当你有相关的数据时,它们被用来显示趋势,例如,一年中每个月的平均夜间温度。
  • 笛卡尔坐标图在两个轴上都有数字,因此可以显示一个事物的变化如何影响另一个事物。这些在数学中被广泛使用,特别是在代数中。

  • 图有两个轴,横贯底部和向上的线。沿着底部的线称为水平轴或x轴,而向上的线称为垂直轴或y轴。
  • x轴可以包含类别或数字。从图的左下角看。
  • y轴通常包含数字,同样从图的左下角开始。

y轴上的数字一般从图左下角的0开始向上移动,但也不总是这样。通常,图的坐标轴被标记以表示它们所显示的数据类型。

注意那些y轴不是从0开始的图形,因为它们可能试图愚弄您所显示的数据(在我们的页面《日常数学》中有更多关于这方面的内容)。

有不同的JavaScript图表库可用。下面是每种功能的比较。






相关文章
|
2月前
|
前端开发 JavaScript 测试技术
React 中集成 Chart.js 图表库
本文介绍了如何在 React 项目中集成 Chart.js 创建动态图表,涵盖基础概念、安装步骤、代码示例及常见问题解决方法,帮助开发者轻松实现数据可视化。
51 11
|
前端开发 搜索推荐 JavaScript
ECharts:百度开源的纯 Javascript 图表库
ECharts(Enterprise Charts 商业产品图表库) 是基于Canvas的,纯Javascript 的图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。
779 0
ECharts:百度开源的纯 Javascript 图表库
|
JavaScript 数据可视化 前端开发
|
前端开发 JavaScript 数据可视化
|
Web App开发 JavaScript 前端开发