Управление диаграммой пользовательского интерфейса Kendo, изменяющее формат меток оси Y

Я использую управление диаграммой в кендо. Я хочу изменить цвет и формат отрицательных значений в моем valueAxis. Если это отрицательное значение, я хочу: изменить цвет шрифта на КРАСНЫЙ и показать формат, например. "(-1234)"

Ниже мой фрагмент, но он не работает

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

Как я могу этого добиться? Спасибо за помощь.


kendo-ui kendo-chart kendo-dataviz
person user6048082    schedule 11.03.2016    source источник
comment
Можете ли вы предоставить jsfiddle для того же?   -  person Devendra Soni    schedule 11.03.2016
comment
Извините, я не знаю, как создать диаграмму в jsfiddle, но можно использовать уже существующую диаграмму: jsfiddle.net/OnaBai/ZPUr4/144   -  person user6048082    schedule 11.03.2016

Ответы (1)


arrow_upward
0
arrow_downward

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

ДЕМО

person ezanker    schedule 11.03.2016
comment
Спасибо. я получаю эту ошибку на kendo.drawing.Text --> Предоставленные параметры не соответствуют ни одной подписи цели вызова. - person user6048082; 11.03.2016
comment
@user6048082, Вы запускали демонстрацию: dojo.telerik.com/@ezanker/AxImo ? Вы можете добавить console.log(e) к визуальной функции и проверить ее. - person ezanker; 11.03.2016