Изменение маркеров диаграммы пользовательского интерфейса Kendo с использованием Angular

Question

Мне нужно изменить стиль (фон &) маркеров линии Kendo UI динамически, используя Angular. Я знаю, что это возможно с помощью функции, как это:

markers: { 
     background:function(e) { 
     return 'blue'; 
     } 

Это прекрасно работает, когда я использую его на моем контроллере, или в другом месте за пределами HTML файла после

$("#chart").kendoChart(...); 

Я работаю с Угловым , поэтому параметры серии находятся внутри моего тега html с директивой k-serias. Когда я пытаюсь добавить функцию там, я получаю сообщение об ошибке.

Error: [$parse:lexerr] Lexer Error: Unexpected next character at columns 237-237 [#] in expression [[ 

Вот директива я ставлю:

k-series="[{ 
       type: 'line', 
       field: 'score', 
       markers: { 
        type: 'square', 
        background: function(e) { return #ffffff; } 
       } 
      }]" 

Все, что я хочу сделать, это установить функцию как для фона и размера атрибутов внутри директивы к-serias.

Спасибо!

Answer 1

Вы можете связать директиву k-series с вашим угловым $scope.series.

В HTML файле: k-series="series"

В JS файл

$scope.series = [{ 
    type: 'line', 
    field: 'score', 
    markers: { 
     type: 'square', 
     background: function(e) { return "#ffffff"; } 
    } 
}];