c3条形图Y轴值固定

时间:2018-12-26 10:58:38

标签: php jquery html charts c3.js

我正在c3图表上工作,我需要使Y轴显示值1,2,3,4,但只能显示1,2。

我使用的代码:

c3.generate({
    bindto: '#stocked2',
    data:{
        columns: [
        ['A', 1.8], 
        ['B', 1.6], 
        ['C', 1.7]
        ],
        colors:{
            data1: '#1ab394',
        },
        type: 'bar',
    },
    axis: {
        y: {
            tick: {
                values: [1, 2, 3, 4]
            }
        }
    }
});

enter image description here

1 个答案:

答案 0 :(得分:0)

在搜索了很多答案之后,我得到了上面发布的上述问题的解决方案。只是在这里分享用于解决的答案。感谢您的宝贵时间。

  c3.generate({
    bindto: '#stocked2',
    data:{
        columns: [
        ['A', 1.8], 
        ['B', 1.6], 
        ['C', 1.7]
        ],
        colors:{
            data1: '#1ab394',
        },
        type: 'bar',
      },
        axis: {
            y: {
                min: 1,
                max: 4,
                tick: {
                    values: [1, 2, 3, 4]
                }
            }
        }
    });

如您所见,我用min和max求解y轴。