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

Question

我在剑道中使用图表控件。我想更改我的值轴中负值的颜色和格式。如果是负值，我想：将字体颜色更改为红色并显示格式，例如"（-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 的可视属性来呈现 SVG 文本：

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
            }
          })
        }
    },
},

演示