当前位置:Gxlcms > JavaScript > BootstrapChart组件使用教程_javascript技巧

BootstrapChart组件使用教程_javascript技巧

时间:2021-07-01 10:21:17 帮助过:4人阅读

Bootstrap是由前Twitter设计师Mark Otto和Jacob Thornton开发的前端工具包,其提供了优雅的HTML和CSS规范。Bootstrap不单单是一个框架,更确切的说,它改变了整个游戏规则。该框架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品。

图表组件Chart.js是Bootstrap比较好用的组件之一,与一款收费的组件highchart类似,效果上来看免费与收费的产品相差还是有一点点的,不过功能上差不多能满足我们项目的需要。下面这段JS脚本主要是为了方便生成一个图表的配置而写的方法

调用方法:

显示的效果:

说明:使用上面的代码需要引用Chart.js,

Chart中文网站以及文档:

http://www.bootcss.com/p/chart.js/

http://www.bootcss.com/p/chart.js/docs/

Chart英文网站及文档:

www.chartjs.org

www.chartjs.org/docs


以上就是Bootstrap Chart组件使用教程_javascript技巧的内容,更多相关内容请关注PHP中文网(www.gxlcms.com)!

人气教程排行