时间戳

首页 > 解决方案 > 如何在chart.js中仅在y轴上显示任意值

chart.js - 如何在chart.js中仅在y轴上显示任意值

问题描述

我正在寻找一种在 y 轴上设置特定值的方法。我在散点图上有五个数据集，我只想在单独的 y 轴上显示其中三个的最大值。 想要的效果

我目前的做法（图片）：

{
        type: 'linear',
        id: 'secondary',
        position: 'right',
        ticks: {
          beginAtZero: true,
          fontColor: '#466696',
          fontSize: 14,
          fontStyle: 'bold',
          callback: function (val) {
            return '$' + val;
          }
        },
        afterBuildTicks: function (scale) {
          scale.ticks = [ctrl.statePension, ctrl.statePension + ctrl.pensionSavings, ctrl.statePension + ctrl.pensionSavings + ctrl.insuranceValue];
        },
        gridLines: {
          drawOnChartArea: false,
        }
      }

它有点工作，但尽管启用了 autoSkip，但彼此靠近的标签会重叠。有没有办法从第一张图片中复制行为？

标签： chart.js

解决方案

推荐阅读