Chart.js怎么设置y轴的间距?

发布于 2022-09-06 00:33:39 字数 125 浏览 13 评论 0

该怎么自定义图标的y轴,还有y轴的各点之间的间距。比如现在有数据:[10,30,20,88,100,56],y轴上各点是:[10,50,100],我该怎么将y轴上各点设置为[10,20,30,40,50,60,70,80,90,100]

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

圈圈圆圆圈圈 2022-09-13 00:33:39

我自己已经解决

温柔一刀 2022-09-13 00:33:39

var ctx = document.getElementById('canvas').getContext('2d');

    window.myBar = new Chart(ctx, {
        type: 'bar',
        data: barChartData,
        options: {
            responsive: false,
            legend: {
                position: 'top',
            },
            title: {
                display: false,
                text: 'Chart.js Bar Chart'
            },
            scales: {
                yAxes: [{
                    ticks: {
                       // beginAtZero: true,
                        min: 10,
                        stepSize: 10
                    },
                    
                }]
            }
        }
    });
    
    
    
    min:代表Y轴起点 stepSize:代表Y轴上的间隔
ζ澈沫 2022-09-13 00:33:39
  yAxis: [
            {
              type: 'value',
              data : :[10,30,20,88,100,56],
              min:10,
              max:100,
              interval:10
             }
         ],
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文