Hi Hristo,

Thank you so much for quick response, Our mostly problems are solved only few minor issues,

1. Your provided solution is not working, its throw attached errors.
2. When we open your sample application its throw error Failed to open and same error occured in our real application, due to this error our application takes alot of time for loading. How to fix that issue?
3. 1st is not working when we set this style="left: 90px; top: 60px; position: absolute;"/>, our legend behind the chart and its not visible, We need a property like legendInsideChart. We use bootstrap for styling, when we set positions its not working in small resolution like mobile or tablets.
4. 2nd working
5. Third Yes we need a numeric value like 2,000.00 with a comma as a separator, We need a datetime format like 07-27-2015 (MM-DD-YYYY) in our data collection date format is as 2015-01-18T00:00:00. you can see in my previous attached snapshot. 
6. Fourth working

Hi Elinder,

I am quite surprised this did not work since my sample uses the CDN references. Please try to extract the file and not open it directly from the archived file. There is an not necessary reference to infragistics.excel.js, it results in the "object does not support "getBox" method", so you can remove this reference. Please try to open the sample with another browser, too. I believe that once it ran you will see how to use these properties.

Please let me know if you still fail to run the samle so wen think of how to proceed with this. Looking forward to hearing from you.

Hi Hristo,

Yes its working now after commented the infragistics.excel.js reference.

But in our real application we didn't use any infragistics.excel.js reference than why we face message Failed to Open in debugger window? Further details please see my previous post.

Can you fix my other points that i was highlighted in my previous post ?

Thanks

Hi Elinder,

I am sorry to hear you did not manage yet to run my sample - it is a simple html page and resources are loaded from cdn's, which means everything should be fine on another machine. Did you try to open it after extracting and trying with different browsers ? Anyway, the suggested should work for you but since you are not able to see my sample I suggest that you send me yours, where I can apply those and demonstrate. If this is possible, then please send me your project or sample. Otherwise please let me know so we can think how to proceed further.

Hi Hristo,

Thank you so much for your quick response, I create my sample application

1. When page completely loaded in Internet Explorer open the debugger window and refresh the page you can see Failed to open file message. Due to this our page response is very slow. How to get rid of them?
2. You can see that our legend behind the chart in left side of chart, how to fix the position on chart at top right corner for all devices like mobiles, tablets or all browsers?
3. We need all tooltip values in numeric format like 2,000.00 with a comma as a separator, with a datetime format like 07-27-2015 (MM-DD-YYYY) in our data collection date format is as 2015-03-03T00:00:00. you can see in my attached sample application.
4. Your changes in my sample application are really very helpful for us.

Hi Hristo,

Some times we face following error, When this error appeared chart is not displayed, we need to close the application and re-visit the page again. How to fix that error?

Please also fix that issue in sample application.

Thanks

Hi Elinder,

I was not able to reproduce error 1) using IE 11. Which verson do you use ?

I updated the sample to meet your other requirements - the legend to stay at the top right corner and formatting the values in the tooltip. Actually formatting the values in the tooltip is not real formatting, it just changes the innerText of the element that holds those. Please see the attached modified sample and let me know if it meets your requirements.

Hi Hristo,

Thank you for your response, Please see attached snapshot for browser version.

1. I think you didn't get my question, Let me rephrase the issue actually we need to round values of Open, High, Low, Close upto two decimals , and volume value with a comma as a separator. Date format is working right now but have a little problem, when you stay at a point for a few seconds month change automatically, and tooltip is not showing of the visited points when we re-visit t the point. Tooltip is not responsive as like before this implementation. You can see the clearly difference with the following chart tooltip. Please fix that issue.
2. We need to always fix the position of legend above the chart not the above panel for all devices like mobiles, tablets or all browsers. Because we use bootstrap for styling our above panel automatically adjusted on mobile or tablet devices when we fix the position of legend div than its create problem. You can check it by reduce the browser window height and width.

Hi,

Thank you for your feedback. Here is how to:

1)  we need to round values of Open, High, Low, Close upto two decimals

Sorry I didn't understand you correctly initially. To round a number to two decimals you can use Math.round:

Math.round(x * 100) / 100;

2) volume value with a comma as a separator

you can achieve that using native javascript .toLocaleString();

3) when you stay at a point for a few seconds month change automatically, and tooltip is not showing of the visited points when we re-visit t the point

I am currently looking into this and will update you with my findings

4) when we fix the position of legend div than its create problem. You can check it by reduce the browser window height and width.

Please specify how do you want the legend to behave in such scenarios - for example minimining the browser width. Currently the legend stays on the same place, but appears on top of the dropdowns that are otherwise left aligned.

Please see the updated sample that fixes 1) and 2) using the above suggested,

Hi,

1. Thanks 1st and 2nd issue is fixed.
2. Did you reproduced the Failed to open message and Object doesn't support property or method 'igDataChart' error?
3. We need to display legend always stays inside chart, in chart top right corner, because we add multiple series in a chart, legend grows automatically on chart areas. Instead of increasing above panel height. I just say you can check the legend position by reduce the height & width of browser, because mobile or tablet have less height and width as compare to window browser, if we fixed the position of legend in pixels than it will not maintain position on different resolution screens. Hopefully you can understand our requirement?
4. Same like showing tooltip and legend in attached snapshot.

Thanks