如何删除剑道图表y轴中的小数位答案

【问题标题】：how to remove decimal places in kendo chart y-axis如何删除剑道图表y轴中的小数位
【发布时间】：2017-02-07 09:29:27
【问题描述】：

我正在尝试在可平移和放大/缩小

之后删除剑道图表“Y 轴小数位”

加载的实际图表

放大和平移后

如何从 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
    });

【问题讨论】：

问题已解决

标签： kendo-ui kendo-asp.net-mvc kendo-chart

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

添加后问题已解决

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

【讨论】：

我们需要在剑道图表中添加它... Bar, Line i
这仅在轴中的值低于 10 时才有效。如果超过 10，例如 500，它会填满整个轴。有什么解决办法吗？
@bluepiranha 如果（轴小于10，你必须分配majorunit（1））你可以编写逻辑，同样基于值，你可以定义majorUnit。因为我们也在这样的场景中实现了。
@PrasadRaja 是的，谢谢。必须编写自定义逻辑。我希望 Telerik 有更好的解决方案。
@bluepiranha :)

【解决方案3】：

尝试以下配置的剑道图表：

{
  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 轴对齐。事实上，条形高度/水平是正确的，y 轴标签是错误的，它缺少小数点。注释/取消注释 valueAxis.labels 和 valueAxis.majorUnit 以查看区别。

【讨论】：