在Extjs中，我们如何从3D Bar Y轴中删除小数值？

Question

我正在使用type：'bar3d'，Extjs 6.0.2。 内部项目我

 axes: [{
          type: 'numeric3d',
          integerOnly: true,
          minimum: 0,
          minorTickSteps: 1,
         },
       {
         type: 'category3d',
         grid: true,                        
         title: {
              text: 'Queues'
            }
      }]

如何从y轴中删除小数？我只将整数值推到y轴上。

Answer 1

执行此操作的一种方法是在轴上设置 majorTickSteps 以匹配轴的最大和最小值之间的差异。由于您已将最小值设置为0，因此您只需确定商店中调用字段的最大值。这将自动成为轴上的最大值，因此不需要设置最大值。

        axes: [{
            type: 'numeric3d',
            minimum: 0,
            majorTickSteps: store.max('calls'),
            fields: ['calls']
        }, {
            type: 'category3d',
            position: 'bottom',
            title: 'Categories',
            fields: ['name'],
        }],

请参阅小提琴：https://fiddle.sencha.com/#fiddle/1iqp

如果您有非整数值，则需要将最大值和 majorTickSteps 设置为大于最大值的下一个最高整数。