Управление диаграммой пользовательского интерфейса Kendo - изменение формата меток оси y

Question

Я использую контроль диаграммы в Kendo. Я хочу изменить цвет и формат отрицательных значений в моем значении Акс. Если это отрицательное значение, я хочу: изменить цвет шрифта на RED и показать формат, например. "(-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

Вы пытаетесь использовать интервалы HTML в рендеринге SVG. Вместо того, чтобы использовать visual property в valueAxis оказывать 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 
      } 
      }) 
     } 
    }, 
}, 

DEMO