we have a page that has stock charts. In addition to the stock chart on the same page, we also the grid also here, in the legend of Kendo StockChart, is not displayed dynamically. Therefore, I tried to use several series in the code: But during the execution of these values the code legends repeat how to solve this problem.
$(document).ready(function () { var db = new kendo.data.DataSource({ data : data, group: { field: "studentmarks" } }); db.read(); $("#Chart").kendoStockChart({ theme : $(document).data("kendoSkin") || "silver", dataSource: db, aggregate : [ { field: "ID", aggregate: "aggregate", line: "line"} ], title : { text: "CDR" }, dateField : "time", repeat : false, legend : { position: "right" }, chartArea : { background: "" }, seriesDefaults: { type: "line", field: "ID" }, series : [ { name : "iad", data : data, filter : "studentmarks", color : "#FC0505", width : 2, line : "line", aggregate : "aggregate", visibleInLegend: "studentmarks", markers: { visible: false }, tooltip: { visible: true, format : "{0}%" } }, { name : "pht", filter : "studentmarks", data : data, axis : "", color : "#2605FC", width : 2, line : "line", markers: { visible: true }, tooltip: { visible: true, format : "{0}" } }, { name : "phone", filter : "studentmarks", data : data, axis : "", color : "#ED9AA5", width : 2, line : "line", markers: { visible: true }, tooltip: { visible: true, format : "{0}%" } }, { name : "cbs", filter : "studentmarks", data : data, axis : "", color : "#9AA5ED", visible: true, opacity: .4, width : 2, line : "line", markers: { visible: true }, tooltip: { visible: true, format : "{0}%" } } ], valueAxis: [ { title : { text: "" }, name : "mos", majorUnit: 0.5, max : 5.0, min : 0 }, { name : "ink", title : { text: "" }, min : 0, max : 6727.14, majorUnit: 1000, minorUnit: 500 } ], navigator: { series: { type : "area", color : "red", field : "time", stack : "true", value : "studentmarks", data : data, aggregate: "min", name : "sai", select : { from: "2009-01-01 17:08:04", to : "2013-12-24 20:30:26" }, labels : { color: "green", visible: false }, tooltip : { background: "green", format: "{0}", color: "white", visible: true } } } }); });