首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
Chart.js 介绍
Chart.js 安装
Chart.js 使用
Chart.js 柱形图
Chart.js 气泡图
Chart.js 环形图
Chart.js 饼图
Chart.js 折线图
当前位置:
首页>>
技术小册>>
chat.js零基础入门
小册名称：chat.js零基础入门
折线图是排列在工作表的列或行中的数据可以绘制到折线图中。 折线图可以显示随时间（根据常用比例设置）而变化的连续数据，因此非常适用于显示在相等时间间隔下数据的趋势。 折线图 type 属性为 line ，type 描述了图表类型。 ```bash const config = { type: 'line', data: data, }; ``` 接下来我们创建一个简单的折线图： 实例 ```bash const ctx = document.getElementById('myChart'); const labels = ['一月份', '二月份', '三月份','四月份', '五月份', '六月份', '七月份']; // 设置 X 轴上对应的标签 const data = { labels: labels, datasets: [{ label: '我的第一个折线图', data: [65, 59, 80, 81, 56, 55, 40], fill: false, borderColor: 'rgb(75, 192, 192)', // 设置线的颜色 tension: 0.1 }] }; const config = { type: 'line', // 设置图表类型 data: data, }; const myChart = new Chart(ctx, config); ``` 
上一篇：
Chart.js 饼图
该分类下的相关小册推荐：
暂无相关推荐.
