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.

enter image description here

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>  }, 

demo


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -