Javascript 剑道UI图表-更改标记样式

我正在尝试在剑道UI折线图上设置标记的样式。 我正在使用剑道角桥，可以找到

我有一个简单的折线图，它从JSON文件加载数据。使用

k-options

指令，我传入一个具有我创建的样式的对象。除了那辆车外，一切似乎都正常

使用角度指令创建图表：

<div ng-controller="MyCtrl">
    <div class="demo-section k-content">
        <div class="box-col" style="width: 500px;">
            <h4>Hover some series</h4>
            <div kendo-chart="chart"
                 k-legend="{ position: 'bottom' }"
                 k-series-defaults="{ type: 'line' }"
                 k-series="[
                                 { field: 'id', name: 'ID' },
                                 { field: 'value', name: 'VALUE' }
                             ]"
                 k-data-source="electricity"
                 k-series-hover="onSeriesHover"
                 k-options="chartOptions"
                 ></div>
        </div>
    </div>
</div>

此代码似乎遵循API文档中显示的示例。

分类轴

和

系列颜色

有效，但

系列.markers.type

和

系列.markers.size

似乎没有任何效果。

---

有什么问题吗？

系列是数组选项，您应该为每个单独的系列指定这些“标记”选项。在本例中，您已将其指定为系列的一个选项作为对象（而不是数组）。第一个选项-尝试在带有序列的数组中的任何对象中显式指定它

e、 g

尝试的另一个选项是将其放在seriesDefault中

---

此外，正如文档中明确指出的，为了有标记，您必须使用系列类型，如“区域”、“线”、“散射”、“散射线”、“雷达线”、“雷达雷亚”、“极化线”、“极化散射”或“极化雷亚”。默认情况下，该系列为“column”类型。

谢谢，将选项添加到系列默认值中就成功了。它已经被定义为一个“行”作为一个指令。文件中似乎缺少关于选项应该放在哪里的细节。

angular.module("KendoDemos", [ "kendo.directives" ]);
function MyCtrl($scope, $interval) {

    $scope.chartOptions = {
        renderAs: "canvas",
        transitions: false,
        //Start widget styling
        categoryAxis:{
            background: '#551A8B'
        },
        seriesColors: ["#fa7839"],
        series: {
            markers: {
                type: "triangle",
                size: 30
            }
        }
    }
    $scope.electricity = new kendo.data.DataSource({
        transport: {
            read: {
                url: "electricity.json",
                dataType: "json"
            }
        },
        scheme: {
            model: {
                fields: {
                    Id: { type: "number" },
                    Value: {type: "number"}
                }
            }
        },
        change: function (data) {
            $scope.chart.redraw()
            console.log(data)
            console.log("Changed")
        }
    });
    // Refresh the graph every 150ms
    $interval(function(){
        $scope.chart.redraw()
        }, 150);


}

k-series="[
            { field: 'id', name: 'ID',
              markers: {
                 type: 'triangle',
                 size: 30
              } 
             },
            { field: 'value', name: 'VALUE' }
          ]"