位置: 编程技术 - 正文

Chart.js在Laravel项目中的应用示例(chart.js教程)

编辑:rootadmin

推荐整理分享Chart.js在Laravel项目中的应用示例(chart.js教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js charts,chartat js,chartat js,js charts,chart.js教程,javascript chart,echarts chart.js,echarts chart.js,内容如对您有帮助,希望把文章链接给更多的朋友!

介绍

Chart.js是一个HTML5图表库,使用canvas元素来展示各式各样的客户端图表,支持折线图、柱形图、雷达图、饼图、环形图等, 本文将介绍如何在laravel项目中使用chart.js

安装

可以通过以下命令在 npm 或 bower 中来安装chart.js。

可以在你的项目中使用 CDN link。

可以从GitHub里面下载最新版本的 Chart.js 从github下载的话,里面也有很多例子可以学习。

我这边选择的是下载了几个js文件,然后放置于Laravel项目的public/js目录下面,如下图:

Chart.js在Laravel项目中的应用示例(chart.js教程)

使用

在html中任何你希望的位置加入以下代码, 这个canvas就是图表的位置。:

然后在controller中实现一个数据查询的方法,且要返回一个json字符串, 具体的数据根据你的需求而定,这边我只查了一组数据,制作一个饼图,也可以要多组数据制作折线图,柱状图等。

添加路由:

js实现:

颜色的定义:

结果如下图:

将js中的type的值pie改成doughnut,结果如下图:

更多的使用见官方文档:

laravel单元测试之phpUnit中old()函数报错解决 前言最近在做laravel单元测试.遇到了一个问题:当添加的view里面使用old()函数时就会报错,正常url访问没问题,但是在phpUnit中就报错错误原因:exception'Runtime

PHP中关于PDO数据访问抽象层的功能操作实例 PDO:数据访问抽象层具有三大特点:1.可以访问其它数据库所有数据库都可以2.具有事务功能3.带有预处理语句功能(防止SQL注入攻击)实例操作代码如

Laravel实现用户多字段认证的解决方法 前言本文主要给大家介绍了关于Laravel用户多字段认证的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。解决方案:

标签: chart.js教程

本文链接地址:https://www.jiuchutong.com/biancheng/288303.html 转载请保留说明!

上一篇:yii2中使用webuploader实现图片上传的实战项目(yii2开发文档)

下一篇:laravel单元测试之phpUnit中old()函数报错解决(laravel基础)

  • 有形动产租赁服务税收分类编码
  • 所得税费用的计提
  • 人力资源行业税务政策
  • 其他业务收入在借方表示什么
  • 社保基数变更上限怎么办
  • 保理利息计算公式
  • 创立一个公司,公司的运营理念
  • 利润表本期金额怎么算
  • 委托加工消费税纳税义务发生时间
  • 先预付一部分货款分录
  • 当月未开发票增值税怎么报
  • 未分配利润转出会计分录
  • 管理费用的明细科目怎么写
  • 个人所得税期末为负数审计调整
  • 停车服务费的税率
  • 公司注销前怎么平账才不用交税
  • 认证专票税务处理怎么做?
  • 存货中的生产成本是指
  • 承兑汇票背书用什么方法?
  • 企业应付账款管理优化方案设计
  • 电子发票财务怎么操作
  • 实收资本和注册资本的账务处理
  • 工会残保金必须缴纳吗
  • word如何修改正文字体
  • 动产抵押交付生效还是登记生效
  • 公司流水账是会计做吗
  • 购入固定资产预算会计怎么做账务处理
  • 家具有限公司
  • mac cpu
  • 企业因政策性原因发生的巨额经营亏损
  • 长期借款的账务处理怎么做分录
  • 在建工程计提减值准备计入什么科目
  • 转让子公司产生的投资收益在合并层面是不是全部抵消
  • php stat
  • 房屋装修各项费用比例
  • 损益类科目月末结转到哪个科目
  • 存货包括其他业务成本吗
  • 关于我的家乡作文1000字
  • javascript速成要多久
  • 全同态加密代码
  • php对接第三方支付
  • 职工慰问金账务处理流程
  • 纳税人在电子税务局收到优惠政策
  • 6款好用的ppt制作软件推荐
  • 服务类收入确认
  • 土地作为无形资产入账依据
  • 客户要发票加收怎么办
  • 累计增长率如何计算公式
  • 公司借个人借款协议书范本图片
  • 关于sqlserver数据库服务器登录账户的说法错误的是
  • 资产减值准备如何影响利润
  • 毛利率代表什么?如何计算毛利率?
  • 累计折旧贷方余额怎么算
  • 餐饮无票收入怎么做账
  • 电费发票上的数量是什么意思
  • 购进消耗品怎么做账
  • 不动产租赁行业代码
  • 销售出库和产品入库有什么关系
  • 会计核算是否健全划分为
  • 核定征收也需要报税务报表吗?
  • 库存商品属于资产类科目吗
  • 为什么购入股票是综股
  • 暂领款是什么意思
  • 外商投资企业开什么发票
  • msde安装1秒不动了
  • sql数据分类
  • 深度解析桂附地黄丸
  • 微软9月22
  • windows如何显示键盘
  • win7怎么下载win10
  • xp系统如何清理缓存
  • ubuntu误删除内核
  • macbookpro4399小游戏
  • windows where命令
  • js里的this
  • Node.js中的construct构造函数
  • 源码讲解
  • 大排量车船税怎么减免
  • 微信申报缴税流程
  • 防疫物资开票免税吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设