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"]

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 entire item object in firebug[/caption]

I found 3 ways

item.series.data[previousPoint][0]

item.series.xaxis.categories

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

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

Problem Solved.

Comments

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]

Show full URL in Chrome omnibox

If you are annoyed with Chrome only showing a shortened URL-"button"-instead of the full URL ? How to fix it: Go to " chrome://flags/#origin-chip-in-omnibox " Set to "Deactivate" Restart Chrome (close all instances!)

Open .jps files on a non-3D screen

If you have a Nvidia graphics card in your PC, and if it supports Nvidia 3D Vision, you’ll have some .jps images in your Pictures folder. If you opened them on a non 3d screen you’ll encounter a error as shown below. .jps is extension for JPEG Stereoscopic images. It usually contains one image of double width, representing two images of identical size in cross-eyed side-by-side arrangement. To open .jps files you can simply change the extension to .jpg and open them in your regular Image Viewer like Windows Photo Viewer. You can also drag and drop them in other photo editing tools like IrfanView or XnView without changing the extension. The image you will see, will essentially be like below on a non-3D screen.

TECH DORM

Search This Blog