Javascript 使用角度修改剑道UI图表标记

Javascript 使用角度修改剑道UI图表标记,javascript,angularjs,kendo-ui,linechart,kendo-chart,Javascript,Angularjs,Kendo Ui,Linechart,Kendo Chart,我需要使用Angular动态更改剑道UI折线图标记的样式(背景和大小)。 我知道这样的函数是可能的: markers: { background:function(e) { return 'blue'; } 当我在我的控制器上使用它时,或者在html文件之外的任何地方使用它时,这都非常有效 $("#chart").kendoChart(...); 我正在使用Angular,因此series选项位于带有k-serias指令的html标记中。 当我尝试在那

我需要使用Angular动态更改剑道UI折线图标记的样式(背景和大小)。 我知道这样的函数是可能的:

markers: {
      background:function(e) {
        return 'blue';
      }
当我在我的控制器上使用它时,或者在html文件之外的任何地方使用它时,这都非常有效

$("#chart").kendoChart(...);
我正在使用Angular,因此series选项位于带有k-serias指令的html标记中。 当我尝试在那里添加一个函数时,我得到了一个错误

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; }
                }
          }]"
我只想在k-serias指令中为背景和大小属性设置一个函数


谢谢

您可以将指令
k-series
绑定到您的
$scope.series

在HTML文件中:
k-series=“series”

在JS文件中

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