图表库(即 vue-chartjs、react-chartjs-2 等)的前端框架包装器有什么好处?
What is the benefit of front-end framework wrappers for charting libraries (i.e. vue-chartjs, react-chartjs-2...etc.)?
Javascript 图表库使用前端框架包装器有什么好处?
到目前为止我遇到的唯一好处是您可以只导入您需要的图表(即导入 { Bar } ...),而使用 CDN 会导入所有图表库代码,无论您使用它还是没有。
但是,通过使用包装器,您正在为您的代码添加另一个可能无法长期维护的层。
通常这些会将用于创建图表的数据与您的 front-end 框架绑定。如果您的框架是由组件组成的,那么 "simple" 可以使用组件范围内已有的数据创建一个新图表。特别是如果您的应用程序中到处都是图表,将它们放入组件中将节省大量 cut-n-paste 代码。
或者,如果您的图表更改了数据,大多数框架将 "watch" 用于数据 value/property 已更新并挂钩到 re-create 图表。数据绑定是框架的一部分并由包装器使用,因此您不必这样做。
如果您使用的是框架,包装器将使使用图表看起来更 "natural" 到页面上的其他部分。另外,如果包装器项目实际上是 maintained/updated,您可以毫不费力地获得一些新功能和错误修复。
总体而言,这可能只是一件 time-saving 事情。一个人总是可以编写自己的代码,并维护自己的代码。我确信在某些情况下手动更新图表很有用,但对于简单的实现,包装器通常更快。
Javascript 图表库使用前端框架包装器有什么好处?
到目前为止我遇到的唯一好处是您可以只导入您需要的图表(即导入 { Bar } ...),而使用 CDN 会导入所有图表库代码,无论您使用它还是没有。
但是,通过使用包装器,您正在为您的代码添加另一个可能无法长期维护的层。
通常这些会将用于创建图表的数据与您的 front-end 框架绑定。如果您的框架是由组件组成的,那么 "simple" 可以使用组件范围内已有的数据创建一个新图表。特别是如果您的应用程序中到处都是图表,将它们放入组件中将节省大量 cut-n-paste 代码。
或者,如果您的图表更改了数据,大多数框架将 "watch" 用于数据 value/property 已更新并挂钩到 re-create 图表。数据绑定是框架的一部分并由包装器使用,因此您不必这样做。
如果您使用的是框架,包装器将使使用图表看起来更 "natural" 到页面上的其他部分。另外,如果包装器项目实际上是 maintained/updated,您可以毫不费力地获得一些新功能和错误修复。
总体而言,这可能只是一件 time-saving 事情。一个人总是可以编写自己的代码,并维护自己的代码。我确信在某些情况下手动更新图表很有用,但对于简单的实现,包装器通常更快。