Skip to main content

flotjs labels on tooltips for categories plugin

I had been using awesome flot.js charting library on my results app. The charts were easy to generate and I included categories plugin to replace x-axis labels to words rather than integer values.

But I faced some issues while enabling tooltips and having them display the labels rather than x coordinates. I checked up the source code.

[caption id="attachment_35" align="aligncenter" width="646"]flotjs categories plugin docs getAxes()??[/caption]

plot.getAxes() method described in the documentation was giving me an undefined method error.I searched the docs, searched on Google, stackexchange etc.. but to no avail.

Then I found solution thanks to firebug.

I did a console.log() of the whole item object and began inspecting. I could see few objects that looked promising. Upon further inspection I found a way to map a value back to its label.

[caption id="attachment_34" align="aligncenter" width="924"]dumping whole object Dumping entire item object in firebug[/caption]

I found 3 ways

  1. item.series.data[previousPoint][0]

  2. item.series.xaxis.categories

  3. item.series.xaxis.ticks[previousPoint].label


Note:-- previousPoint is the point reference on x-axis.

Problem Solved.

Comments

Post a Comment

Popular posts from this blog

jQuery support in Aptana Studio 3

I use Aptana Studio primarily for web development. It has great support for languages like PHP and JavaScript. But the problem is that I mostly use jQuery rather than code in JavaScript and Aptana does not have good support / content assist from beginning. So we need to install ruble for jQuery library. Ruble is short for Ruby bundle and is a runtime environment that allows the extensibility of Aptana Studio's editors by using Ruby. To install the jQuery bundle follow the following steps: Navigate to Commands | Bundle Developement | Install Bundle. Select jQuery and click OK. Aptana will clone jQuery ruble from github. Include appropriate jQuery sdocml in Project Build Path from Project Properties. Include a VSDoc file for jQuery in your project. [caption id="attachment_47" align="aligncenter" width="1313"] Aptana fetching jquery ruble from GitHub[/caption] You must include appropriate version VSDoc for correct Content Assist. [caption id="attac...
Post a Comment
Read more

How to split large mp3 files using mp3splt

If you have a  lengthy  or large MP3 file and you want to  split  it into files of smaller size or duration, You can easily do this using mp3splt. Mp3splt   is an utility to split mp3 and ogg vorbis digital audio files without the need of decoding. It can be used to split a file into no of tracks of fixed duration and size or specified  split points. It supports variable bit rate mp3 files, silent detection, splitting with local .XMCD, .CDDB or .CUE file splitpoints or from external servers like   tracktype.org . It copies the original files first and then generates new, smaller files during the process of splitting without altering the original file. It does not do any encoding or decoding so the splitting is very fast and lossless. Steps to follow Navigate to directory where you have downloaded mp3splt { if using portable version } . Run and execute mp3slpt using the command   mp3splt  . Specify the options according to which you wanna split. The basic syntax is   mp3splt [file path]...
Post a Comment
Read more