javascript - 如何在 Chart.js 中设置条形图的最小值? (版本2.0.2)

标签 javascript charts chart.js

我正在将 Chart.js 从版本 1.x 迁移到 2.0.x,但我遇到了这个问题。

正如您在下图中看到的,我正在尝试显示分布在各个年龄段的一些值。目前没有数据,但我仍然希望显示图表。我愿意显示的值将是正整数,因此显示的图表具有误导性。

enter image description here

示例 json:

{
  "labels":[
    "18-24",
    "25-34",
    "35-44",
    "45-54",
    "55-64",
    "65+"
   ],
   "datasets":[
     {
       "label":"example 1",
       "data":[]
      }
    ]
}

我的问题是,如何将最小柱值设置为 0?

最佳答案

好吧,这不是我在版本中找到的那么明显的解决方案。 1.0.x

但无论如何,这是对我有帮助的选项 JSON

    chart = new Chart(ctx, {
      type: 'bar',
      data: data,
      options: {
        scales: {
          yAxes: [{
            ticks: {
              suggestedMin: 0
            }
          }]
        }
      }
    });

我在以下位置找到:http://www.chartjs.org/docs/#scales

关于javascript - 如何在 Chart.js 中设置条形图的最小值? (版本2.0.2),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37183235/

相关文章:

reactjs - Chartjs 3.5.0 - 雷达图 - 将标签转换为图像

javascript - 间隔缺少第一项

javascript - 循环中的查询在 node-firebird 中不起作用

javascript - 使用 setTimeout() 并传递可选参数来实现延迟函数 (Javascript)

javascript - ChartJs 中 X 轴的特定网格线

javascript - 如何使 react-chartjs-2 在移动设备上响应?

javascript - @angular-material-components/datetime-picker - '@angular/material/datepicker"' 没有导出成员 'DateRange'

javascript - 图表生成后 Billboard Js 图表更新 y 轴的可见性

javascript - 是否可以在 Google Charts 中格式化图例?

vba - 在 VBA 运行时更新图表