的 DEMO

Question

我在Kendo中使用Chart控件。我想更改valueAxis中负值的颜色和格式。如果它是负值，我想：将字体颜色更改为红色，并将格式显示为例如“（-1234）”

下面是我的代码片段，但它不起作用

valueAxis: [{
    name: "value",
    labels: {
        //format: '{0:###,###,###,###}'
        template: "#= (Value < 0 ? '<span style=\\'color:red\\'>(':'') + kendo.toString(Math.abs(value),'\\#\\#\\#,\\#\\#\\#.00') + (value < 0 ? ')</span>':'')"
    }
}],

我怎样才能实现这一目标？谢谢你的帮助。

Answer 1

您正尝试在SVG呈现的图表中使用HTML跨度。而是使用valueAxis的 visual property 来呈现 SVG text ：

valueAxis: {
    labels: {
        visual: function(e) {
          var center = e.rect.center();
          var fillCol = e.value < 0 ? "red" : e.options.color;
          var text = e.value < 0 ? "(" + e.text + ")" : e.text;
          return new kendo.drawing.Text(text, e.rect.origin, {
            fill: {
              color: fillCol
            }
          })
        }
    },
},

Kendo UI图表控件 - 更改y轴标签的格式

1 个答案:

的 DEMO