Hi,
We face following problems how to fix that like showing in sample snapshot?
Hi Elinder.
Please find anwers to your questions below:
1.How to place legend inside the chart, currently it is in the left side above the chart?
You can use css to place the element wherever you like, for example:
style="left: 90px; top: 60px; position: absolute;"/>
2.How to left align yaxis label values, currently all values are right aligned?
There is the labelHorizontalAlignment property for axes to achieve that:
{ name: "PopulationAxis", type: "numericY", labelHorizontalAlignment: "left", }
3.Two decimals tooltip values format with comma's like (5,000.00 and 20,000.00) with datetime format?
I didn't understand your query here, could you please clarify ? Do you want to display a numeric value like 2.000 with a comma as a separator ? What about the datetime format ?
4.How to set HorizontalCrosshairVisibility = false ?
You can use the horizontalLineVisibility property of a series object. It takes values "visible" or "collapsed" and collapsed hides the relevant line:
{ type: "crosshairLayer", name: "crosshairLayer", targetSeries: "1995Population", horizontalLineVisibility: "collapsed" }
5.Small sample application is really very helpful for us.
You can find a sample demonstrating how to use the above mentioned properties. I hope it helps.
Hi Hristo,
Thank you so much for quick response, Our mostly problems are solved only few minor issues,
Thanks
Hi Elinder,
I am glad 1) and 2) have been fixed. As mentioned I was not able to reproduce Failed to open error and Object doesn't support property or method 'igDataChart' error. Do you tend to see these with all browsers, or just with IE ?
The newly attached sample also fixes 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. Please have a look at the attached Chart_v4.zip file. The sample now uses tooltipShown event and there is slight improvement in the if statement that handles the date label. Please have a look at it.
I assumed it os only left to address the legend position issue. I am not able to understand why the last one did not solve it. Do you want the legend element to automatically resize itself along with resizing the browser window for example ? Please let me know and explain in more detail. You can draw the place where you want the legend to appear also.
Thank you so much your provided solution is solved our tooltip problems.
Thank you for clarifying the exact position. To achieve this you can place the legend inside the chart div element and provide the legend the following css:
<div class="col-md-12 chart-body" id="priceChart" style="background-color: #EBF3FB; margin: 0px 0px 20px 0px;overflow:hidden;"> <div id="chartLegend" style="position: relative; float: right; left: -10px; top:5px; z-index: 10000;"></div> </div>
Please see the attached sample. I hope this meets your requirements. Please let me know if you have further questions on the matter, I will be glad to help.
Thank you so much your provided solutions solved our problems.
I am glad this helped you resolve your issues. I am closing this ticket now, but it may be reopened within 30 days of closure, if anything occurs.
We face one more problem with lower chart tooltip
Hello,
Try with setting a z-index: 10000 css property to the tooltip container element. You can do this in the tooltipShown event. Please let me know if this worked or if would need to search for alternative solution.
I tried this but its not working, can you fix it? We have more issues like
Discussing on multiple issues in the same thread is against Infragistics policies, which is all about keeping a different thread/case for each issue that customers face. This helps tracking and searching and enables us to provide better support. I suggest that you go ahead and open a new case for any issues you are currently facing.