flot

In Flot, is it possible to eliminate or hide grid ticks without eliminating the corresponding label?

The Flot API documentation describes the library's extensive hooks for customizing the axes of a graph. You can set the number of ticks, their color, etc. separately for each axis. However, I can not figure out how to prevent Flot from drawing the vertical grid lines without also removing the x-axis labels. I've tried changing the tickCo...

Getting color of a data series from a flot chart

After seeing the cool new "reputation" tab on the stackoverflow user page, I was inspired to play with the Flot charting library a little. I have a line chart that has several hundred series. Only a couple of these series will be visible at any given time. My data series are grouped into several "categories" and I assign the numeric c...

Any examples of Flot with floating tooltips?

I am currently working on a Flot graph, the API which seems pretty powerful overall, although examples of advanced use are not widely documented. The API suggests there are ways to set hoverable on the graph, not that I am sure what exactly that means I can do with it. I would like to know if anyone could contribute some examples tha...

How do I control the tick label size in flot

I have a basic bar chart I'm presenting in flot (5 bars, displaying the % per status). $.plot($("#placeholder"), [ { label: 'Failed', data: [[0,10]], bars: { show: true } }, { label: 'Passed', data: [[1,15]], bars: { show: true } }, { label: 'Not Run', data: [[2,30]], bars: { show: true } }, { label: 'Blocked'...

Event flags in jQuery Flot

I'm hoping to add events to some Google Flot charts, like those seen in Google Finance. After searching some, it looks like someone has started this and has posted a couple images at http://code.google.com/p/flot/wiki/FlotUsage. I can't find any Flot plugins that can do this. Does anyone know of a Flot plugin or example so I can make s...

Django templates: insert values for javascript variables

I am trying to assign some javascript variables in a Django template. I am having a problem where the values I am assigning are being written to the page properly (I can see them in the page source), but still come up as null. I am doing this: <script type="text/javascript"> var coords = []; {% for i in item_list %} coords.pus...

Help using Flotilla and Ruby on Rails

I'm new to Rails (and StackOverflow), so I apologize if this is a "dumb" question. I've put together a really simple Rails application. It receives data from another server (via HTTP POSTs). I would like to graph the data sent - in particular, I am looking to graph temperature versus time. I am trying to use Flotilla to generate these g...

Jquery: Trigger multiple actions from single events - or -

I'm trying to make a single event update two parts of the page. If you look at http://eddowding.com/clients/stack/OverviewLite.php you can zoom on the top graph by clicking and dragging an area. On release this updates one of the graphs on the page. I'd like it to update all of them. I think this is a jquery issue, not a flot issue, ...

jQuery Flot identical range ticks

Hi i want to add ticks that are not in a fixed range. i.e my ticks will be 1,2,3,3,3,3,4,5 how would i tell a data set for the graph type to plot points based on the tick number, instead of a fixed range. ...

Does flot v0.5 support IE8 RTM?

flot v0.5 fails to render correctly in IE8 RTM. I am using excanvas library that comes packaged with flot (as per instructions). The project description states that IE8 is supported but doesn't mention which mode (compat or standards). Does anyone have experience using flot v0.5 with IE8? Thanks ...

Is Javascript ready for visualizing large datasets?

We've got some data (10-50 columns, hundreds of thousands of rows) that we usually visualize in excel as a line graph or stacked bar chart. Users want to be able to zoom in and out of the graph to get down to the individual samples, but these kind of operations really bring Excel to its knees. I'm thinking about embedding the data into...

Finding sum of selected in flot

If I bind a function to flot's "plotselected" event, is there a way to get the main series indexes of the start and end points of the selected area? I saw that with "plothover" you can use the "item" variable, but it's not clear if that works for selections. Plus, I don't want to have to iterate through the entire series each time the f...

Empty Flot Charts?

I'm running the code below and getting an empty chart using Flot/jQuery. Ideally what I am after is a bar chart of the data. I'm looked and looked at this with no joy - does anyone have any ideas? <div id="user_breakdown_placeholder" style="width:300px;height:300px"></div> <script> $(function () { var d = [["Unassigned", ...

Animated line graph in Javascript?

I'd like to do a line-graph on a web-page using Javascript. I want it to be animated so that when the page loads, the line is slowly "drawn" onto the graph. I've managed to get a static graph working, using flot, however I'm unsure how to animate it. It would be half my job done to just make it draw a line half-way along the graph, bu...

Problem with plotting Graph with flot

Hello Gurus I need urgent help and in several steps so let's take this step by step I want to plot graph using flot and mysql but an exception occurs getData.php $sql = mysql_query("SELECT count(Msg_ID) as msgCount,From_user FROM Messages GROUP BY From_user"); ec...

dynamically creating object with properties in javascript

I know how to create simple object and add dynamically properties to it. object = new Object(); object.someproperty = ""; However, I'm having hardtime creating dynamically something like this: (in javascript) var datasets = { "usa": { label: "USA", data: [[1988, 483994], [1989, 479060], [1990, 457648], [...

Flot Data Labels

I'm trying to produce a line chart using Flot, but I want the data labels to show up on the chart - meaning, I want the value of each point to appear next to that point. I feel like this should be an option, but can't find it in the API. Am I just missing something, or does someone know a workaround? Thanks in advance. ...

Is there an event after onReady? (flot iframe problem)

When my iframe's onReady-event is fired, I draw a flot graph in it (the iframe is inside an ext component). But the graph gets drawn with the wrong spacing (labels are in the wrong place - either to far away from the axis or on the wrong row, both causing those annoying scroll bars to show up). However, the graph redraws itself correctly...

implementing a javascript graph application to the existing admin panel's listing view

Hello I want to implement a javascript graph plot application (ie http://people.iola.dk/olau/flot/examples/turning-series.html) to the existing admin view, where the instances of a model at the listing view also showing charts of these items and can be filtered through by using the already implemented list_filter option which I added at...

jquery flot: display all data and Y axis hover

Greetings I am a jquery newbie and trying to fix an issue which uses a version of "turning-series.html" from the official flot examples, 1- I am wondering how can I swith it from display selected to display all from my datasets. 2- How to change my options so when mouse over the point, it displays the value of the Y axis ? //My data ins...