如何删除 kendo 图表 y 轴中的小数位

Question

我正在尝试删除 kendo 图表 "Y-Axis decimal place" 可平移和放大/缩小

实际加载图表

放大和平移后

如何从 y 轴上删除小数值，我尝试设置“Y - 轴标签格式.. 但它不起作用”

我试过的代码

 jQuery("#chart_i139_XzCnAHHzIR").kendoChart({
        "chartArea": { "background": "#FFFEFC" },
        "renderAs": "canvas", "title": { "text": "p1" },
        "legend": { "labels": { "template": "#= series.name #" }, "position": "top" },
        "series": [{
            "name": "Male", "type": "line",
            "data": [35171, 36663, 30247, 36479, 34025, 37142, 37295, 36054, 38076, 37725, 34716, 39620, 38296],
            "stack": false, "labels": { "format": "{0:n0}", "visible": true, "position": "above" },
            "style": "smooth"
        }, {
            "name": "Female", "type": "line",
            "data": [34295, 32586, 36872, 35556, 38839, 36932, 34039, 35055, 35429, 35689, 34528, 31777, 33405],
            "stack": false, "labels": { "format": "{0:n0}", "visible": true, "position": "above" },
            "style": "smooth"
        }], "categoryAxis": [{
            "labels": { "rotation": { "angle": "auto" } },
            "majorGridLines": { "width": 1, "color": "#dfdfdf", "visible": false },
            "line": { "visible": true },
            "title": { "text": "years", "position": "left" },
            "categories": ["2008", "2007", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2017", "2016", "2018", "2019"]
        }], "valueAxis": [{ "majorGridLines": { "visible": false } }],
        "transitions": false,
        "tooltip": { "template": "#= series.name #: #= kendo.format(\u0027{0:n0}\u0027,value)  #", "visible": true },
        "pannable": true, "zoomable": true
    });

Answer 1

添加后问题已解决

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

Answer 2

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

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

Answer 3

尝试对 Kendo 图表进行以下配置：

{
  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。您需要设置 max 和 majorUnit。如果您执行 valueAxis.labels.format: '{0:0}'，是的，小数点消失了，但在最大缩放时，条形图似乎没有与 y 轴正确对齐。事实上，条 height/level 是正确的，y 轴标签是错误的，缺少小数点。 Comment/uncomment valueAxis.labels 和 valueAxis.majorUnit 看看区别。

如何删除 kendo 图表 y 轴中的小数位

how to remove decimal places in kendo chart y-axis

kendo-ui

kendo-asp.net-mvc

kendo-chart