【问题标题】:ChartJS How to set x-axis scaleChartJS 如何设置 x 轴刻度
【发布时间】:2021-06-01 12:15:08
【问题描述】:

我正在使用chartjs,我想显示 12 个月内的一些数据。所以我有大约 50 个数据集,但由于我只有 12 个标签,折线图只显示了 12 个数据点。如何更改 x 轴的范围/比例以显示所有值?

const labels = Utils.months({count: 12});
const data = {
  labels: labels,
  datasets: [{
     label: '1 year',
     data: [65, 59, 80, 81, 56, 55, 40, 55, 90, 100, 33, 34, 55, 12, 33, 55, 23, 66, etc..],
  }]
 }

谁能帮帮我?

【问题讨论】:

    标签: charts


    【解决方案1】:

    我假设您的数据中包含的值是指月份(例如 65、59、80、81)是指一月?

    如果该假设有效,那么您只需为每个标签使用多个数据集,即

    const labels = Utils.months({count: 12});
    const data = {
      labels: labels,
      datasets: [{
         datasets: [{
               label: "Jan",
               data: [65, 59, 80, 81]
          }, {
               label: "Feb",
               data: [56, 55, 40, 55, 90]
          }, {
               label: "Mar",
               data: [100, 33, 34, 55]
          }......continued for each months data ...]
      }]
     }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-09-12
      • 2013-07-08
      • 2019-10-29
      • 1970-01-01
      相关资源
      最近更新 更多