位置: 编程技术 - 正文

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基础)

  • 公司名称变更在哪个网站
  • 未达起征点的增值税怎么算
  • 上年度职工月平均工资是税前还是税后
  • 纳税表不得抵扣什么意思
  • 工程物资和特种设备区别
  • 短期借款会计科目使用说明
  • 电子承兑汇票如何撤回
  • 公司转让房产如何交税
  • 对公账户的钱怎么取出来才不用交税
  • 房产税征税税率
  • 增值税普通发票税率
  • 进项税额转出怎么填申报表
  • 三证合一号码是纳税人识别号吗
  • 税务实名认证怎么认证
  • 收到机动车发票怎么认证
  • 金蝶资产减值损失取数计算公式
  • 小规模附加税申报表填写范本
  • 公司地址变更代办需要多少钱
  • 电脑开机无启动
  • win11任务栏无法居中
  • 转出的进项税额是加还是减
  • php提高性能
  • php数组函数,选班长
  • php语言之面向对象编程 educoder
  • php获取当前页面
  • php二维数组查询指定值
  • 期末余额和年初余额为什么不一样
  • is not defined at HTMLInputElement.onclick
  • 激光slam入门教程
  • 回顾2021年作文
  • vue3 响应式ui框架
  • 企业收到土地回收怎么办
  • phpcms视频教程
  • 无法支付其他应用怎么办
  • 给法院交的诉讼费没有发票怎么入账
  • 企业重组后的债权怎么算
  • mysql日志记录
  • 一般开发票都需要什么开票信息包括了什么?
  • 起征点税种
  • 转让无形资产使用权
  • 增值税税控维护费
  • 企业与企业之间通过互联网进行产品
  • 以前年度损益调整属于哪类科目
  • 财务费用的核算内容有哪些
  • 工业销售产值是销售收入吗
  • 应收账款收不回来
  • 坏账准备的计提方法有哪些
  • 支付稿费怎么做凭证
  • 根据银行流水如何计算成本
  • 企业购房需要缴纳土地税么吗
  • 职工教育经费调增
  • 去年的账科目记错了怎么办
  • 职工外地就医怎么报销
  • 固定资产的原价减去预计净残值后的余额
  • 挂其他应付款的帐怎么冲平
  • 利用MySQL统计一列中不同值的数量方法示例
  • win10 impact
  • solaris更改文件权限
  • xp系统的存储在哪里
  • explorer.exe进程文件
  • Win10 Mobile/PC Build 10586.550曝光:主要修复bug和优化性能
  • 能上qq但是打不开网页 知乎
  • 微软何时推出win10
  • 休眠后网络断开
  • win10升级安装视频
  • nodejs支付宝支付
  • js实现隔行变色
  • dos命令怎么写
  • linux脚本case
  • python利用format方法保留三位小数
  • angular基础
  • Android studio第一行报错
  • javascript中对象的含义
  • 如何用jquery
  • 面向对象设计六大原则
  • jquery.validate使用详解
  • 电子税务局怎么添加开票员
  • 购置税完税证明电子版怎么查看
  • 税控盘开票怎么赋码的教程
  • 专票代开流程?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设