Kendo ui 如何删除剑道图表y轴中的小数点

Kendo ui 如何删除剑道图表y轴中的小数点,kendo-ui,kendo-asp.net-mvc,kendo-chart,Kendo Ui,Kendo Asp.net Mvc,Kendo Chart,我正在尝试在平移和放大/缩小后删除剑道图表Y轴小数点 实际加载的图表 放大后可平移(&p) 如何从y轴上删除十进制值,我尝试设置y轴标签格式。。但它不起作用 我试过的代码 添加此项后,问题已得到解决 .ValueAxis(axis => axis.Numeric() .Labels(labels => labels.Format("{0:0}")) .MajorUnit(1)) 添加此项后,问题已得到解

我正在尝试在平移和放大/缩小后删除剑道图表Y轴小数点

实际加载的图表

放大后可平移(&p)

如何从y轴上删除十进制值,我尝试设置y轴标签格式。。但它不起作用

我试过的代码


添加此项后,问题已得到解决

.ValueAxis(axis => axis.Numeric()
                   .Labels(labels => labels.Format("{0:0}"))
                   .MajorUnit(1))

添加此项后,问题已得到解决

.ValueAxis(axis => axis.Numeric()
                   .Labels(labels => labels.Format("{0:0}"))
                   .MajorUnit(1))

更简单的解决方案是将以下配置附加到图表选项的valueAxis字段:

valueAxis: {
    labels: {
        format: "{0:0}"
    }
}

更简单的解决方案是将以下配置附加到图表选项的valueAxis字段:

valueAxis: {
    labels: {
        format: "{0:0}"
    }
}

尝试以下剑道图配置:

{
  series: [{
    name: 'Grand Total',
    data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
    type: 'column',
  }],
  zoomable: {
    mousewheel: {
      lock: 'y',
    },
    selection: {
      lock: 'y',
    },
  },
  pannable: {
    lock: 'y',
  },
  valueAxis: {
    max: 12,
    // labels: {
    //     format: '{0:0}',
    // },
    majorUnit: 1,
  },
  categoryAxis: {
    categories: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"]
  },
}

这里的关键是valueAxis。您需要设置最大和最大单位。如果执行valueAxis.labels.format:“{0:0}”,则小数将消失,但在最大缩放时,条形图似乎未正确地与y轴对齐。事实上,条形高度/标高是正确的,y轴标签是错误的,它缺少一个小数点。注释/取消注释valueAxis.labels和valueAxis.majorUnit以查看差异。

尝试剑道图的以下配置:

{
  series: [{
    name: 'Grand Total',
    data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
    type: 'column',
  }],
  zoomable: {
    mousewheel: {
      lock: 'y',
    },
    selection: {
      lock: 'y',
    },
  },
  pannable: {
    lock: 'y',
  },
  valueAxis: {
    max: 12,
    // labels: {
    //     format: '{0:0}',
    // },
    majorUnit: 1,
  },
  categoryAxis: {
    categories: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J"]
  },
}

这里的关键是valueAxis。您需要设置最大和最大单位。如果执行valueAxis.labels.format:“{0:0}”,则小数将消失,但在最大缩放时,条形图似乎未正确地与y轴对齐。事实上,条形高度/标高是正确的,y轴标签是错误的,它缺少一个小数点。注释/取消注释valueAxis.labels和valueAxis.majorUnit以查看差异。

问题已解决Dissue已解决我们需要将其添加到剑道图中。。。仅当轴中的值小于10时,线I才起作用。如果超过这个值,比如说500,它会填满整个轴。有什么解决办法吗?@bluepiranha如果axis小于10,你可以编写逻辑,你必须根据值分配majorunit1,就像这样,你可以定义majorUnit。因为我们也在这样的场景中实现了。@PrasadRaja是的,谢谢。必须编写自定义逻辑。我希望Telerik能有一个更好的解决办法。@bluepiranha:我们需要把它加入剑道图中。。。仅当轴中的值小于10时,线I才起作用。如果超过这个值,比如说500,它会填满整个轴。有什么解决办法吗?@bluepiranha如果axis小于10,你可以编写逻辑,你必须根据值分配majorunit1,就像这样,你可以定义majorUnit。因为我们也在这样的场景中实现了。@PrasadRaja是的,谢谢。必须编写自定义逻辑。我希望Telerik会有更好的解决方案。@bluepiranha: