当前位置:  首页>> 技术小册>> chat.js零基础入门

折线图是排列在工作表的列或行中的数据可以绘制到折线图中。

折线图可以显示随时间(根据常用比例设置)而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。

折线图 type 属性为 line ,type 描述了图表类型。

  1. const config = {
  2. type: 'line',
  3. data: data,
  4. };

接下来我们创建一个简单的折线图:

实例

  1. const ctx = document.getElementById('myChart');
  2. const labels = ['一月份', '二月份', '三月份','四月份', '五月份', '六月份', '七月份']; // 设置 X 轴上对应的标签
  3. const data = {
  4. labels: labels,
  5. datasets: [{
  6. label: '我的第一个折线图',
  7. data: [65, 59, 80, 81, 56, 55, 40],
  8. fill: false,
  9. borderColor: 'rgb(75, 192, 192)', // 设置线的颜色
  10. tension: 0.1
  11. }]
  12. };
  13. const config = {
  14. type: 'line', // 设置图表类型
  15. data: data,
  16. };
  17. const myChart = new Chart(ctx, config);


该分类下的相关小册推荐:

暂无相关推荐.