charts - KendoUI stockchart marker plotting issue respect to axes -
i trying create stockchart using kendoui. things working fine issues. plotting of marker not expected. not placed on desired point on chart area.
here code have been done it:
$($context).kendostockchart({ datasource : { data : data.chartdata, sort : { field : "date", dir : "asc" } }, seriesdefaults : { markers : { background : function (a) { return a.dataitem.color; }, visible : true, type : "triangle", size : 18 }, line : { width : 0 } }, series : [{ type : "line", field : "index", categoryfield : "date", labels : { background : "transparent", color : function (a) { return a.dataitem.color === "#000000" ? "#ffffff" : "ffffff"; }, visible : true, position : "insideend", margin : { top : 8, left : -18 }, font : "10px sans-serif", center : '5%', template : "#= dataitem.totalcount > 1 ? dataitem.totalcount : '' #" } } ], title : { text : "time view chart" }, datefield : "date", navigator : { series : { type : "line", field : "index", categoryfield : "date", markers : { visible : true, type : "triangle", size : 8 } } }, valueaxis : { labels : { //format: "{0}", visible : true, template : function (obj) { return data.indexcategories[obj.value] || ""; } }, minorunit : 1, majorunit : 1, title : { text : "" }, line : { visible : true } } });
try setting categoryaxis justified property false, valueaxis set min , max values include points room spare.
categoryaxis: { justified: false, }, valueaxis: { min: <lowest val in data>, max: <highest value plus margin trianb=gle marker> },
Comments
Post a Comment