【问题标题】:Min/max ticks of bar graph are not placed at the bottom/top of axis条形图的最小/最大刻度未放置在轴的底部/顶部
【发布时间】:2021-08-19 10:32:42
【问题描述】:
  • 我正在尝试在水平条形图中设置 y 轴的最大值/最小值。
  • 结果(下图/笔)显示为 y 轴设置 min/max 有效,但 min/max 的刻度未放置在 y 轴的开始/结束处。
  • 如您所见,我的最小值/最大值为 1450/1810,它们未显示在 y 轴的底部/顶部网格线。
  • 我猜条形图有宽度,刻度线位于条形图的中间。我的代码、折线图和散点图都很好,但条形图。
  • 这是我的 codepen 链接:https://codepen.io/hoai-nguyen/pen/mdWMBeO
    y: {
    grid: {
      offset: false,
    },
    ticks: {
        align: 'end',
    },
    position: 'right',
    type: 'linear',
    min: 1450,
    max: 1810,
    // suggestedMax: 1810,
    // suggestedMin: 1450,
    ticks: {
        min: 1450,
        max: 1810,
    },
    barStart: 1450,
    title: {
        display: true,
        text: "Y-name",
        color: "blue",
        font: {
            family: "Calibri Light",
            size: 12,
            weight: 'bold',
        },
    },
},
  • 请查看,如有任何建议,我们将不胜感激!

最小/最大刻度不在底部/顶部网格线

线/散点图很好,但条形图

注意:我使用的是chart.js的3.3.2版本

【问题讨论】:

    标签: javascript bar-chart histogram chart.js3


    【解决方案1】:

    这个问题在 ChartJS 的 Github 讨论中得到了回答:https://github.com/chartjs/Chart.js/discussions/9202

    解决方法是设置offset=false

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-07-12
      • 2021-10-29
      • 1970-01-01
      • 2018-02-04
      • 1970-01-01
      • 1970-01-01
      • 2021-02-06
      • 2016-08-03
      相关资源
      最近更新 更多