Sign in to follow this  

Tooltip/Data point/Vline issue

Recommended Posts

I have been trying out PowerCharts for some time now, using the trial version. We are fairly satisfied with the product so far and are seriously considering a purchase. However I recently found a potential bug with the tool which I would like to bring to your attention.




The first attachment, tooltip.jpg, shows a 30-day time series that uses spline plot from PowerCharts, while the top of the screen is its magnification for one of the affected areas.




code.xml shows the specification of the data set being used. There is meant to be a vertical separator (vLine) between the last recorded time of any given day and the first recorded time for the next day. However, when tooltip is enabled, it looks at if the vertical line has a 1-2 hours lag from the data points to the tooltip, as shown on tooltip.jpg.




Further investigation shows that plots with small data sets are slightly less affected but is fairly obvious with larger ones, as in the current situation.




Thank you for your attention, and your feedback will be greatly appreciated.




Best regards,



Share this post

Link to post
Share on other sites

Thanks a lot for the reply Rahul.




The problem is that we cannot increase the chart width too much for the current project. Besides, increasing the chart width can only improve the situation somewhat. I tried increasing the width to 1600 (larger than my screen resolution) but there are still places with 1 hour lags -- the lines that are meant to be between 23:45 and 00:45 are now between 00:45 and 01:45. Once I thought I put the tags at wrong places but they were alright when I checked.




Any ideas?




Thanks again,



Share this post

Link to post
Share on other sites

Hi Derek,




We investigated into the issue and it's not actually a bug. The vLines are rendered at the correct position. The tool-tips are shifting because of overlap of anchors (which are currently invisible). If you set anchorAlpha='15', you'll see how the anchors are overlapping as shown below - this causes the tool-tips to shift (as in attached image Anchor1)




The solution is to make the anchorRadius smaller to 1 - so that they do not overlap, as in attached image (Anchor2)



Share this post

Link to post
Share on other sites

A sudden urge drew me back here today and saw your updates. Indeed it's a tricky one when I need to remove the dots on the plot.




Thank you so much for your help! It's much appreciated!





Share this post

Link to post
Share on other sites
Guest Angie

Dear User,


We are delighted to announce that PowerCharts is now ready for your iPads and iPhones too. We have just released PowerCharts v3.2. Starting v3.2, PowerCharts has HighCharts embedded within it, and offers both Flash and JavaScript (HTML5) charting . The Flash charts are displayed on a majority of devices and the JavaScript charts on devices that do not support Flash, all of it without writing a line of code.


Automatic rendering of JavaScript charts on devices (like iPad and iPhone) where Flash player is not supported.


5 new chart types:


Heat Map Chart


Box and Whisker Chart


Step Line Chart


Error Line Chart


Error Scatter Chart



* Support for JSON data format.


* Support for LinkedCharts, where a single data source controls multiple charts.


* Interactive legends in charts allow selective showing/hiding of data series.


* Legends now support icons for each data series.


* Better management of labels on charts.


* Labels now have an auto rendering mode to prevent them from overlapping, the chart selects the best display mode depending on the length of the labels and the width of the chart.


* Long labels are truncated, with ellipses appended to the truncated end of each label, and a tooltip bearing the completed label text is displayed when the user hovers over a truncated label.


* Support for line breaks and wrapping in all text elements including: caption, sub caption, X-axis title, Y-axis title, Labels and tooltips.


* In Line charts, data values can now be positioned either above or below the dataplots. Automatic positioning of data values is also supported.


* In Step-line charts dataplots can be joined using vertical lines.


* Custom alignment of caption and sub caption using STYLES.


* Advanced print management using JavaScript.


* Additional options for efficient event handling using JavaScript.


* Support for dynamic update of chart properties using JavaScript(barring select scatter and drag charts).


* Charts now support % based sizes along with dynamic resizing (barring select scatter and drag charts).



Learn more about everything new in PowerCharts v3.2 at : http:/


We would love to hear from you at:

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this