flot

问题 I have two or more flot charts displayed on the same page and use flot.navigate plugin for dragging and zooming. I can zoom and drag individual chart independent of other charts, but I would like to have other charts move or zoom together with the chart on which navigation action is applied. Some pages might have only two charts where some have five or six on the same page My fiddle has two charts displayed and one can zoom (mouse scroll) or drag only one chart. Any ideas or help with this is

问题 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 color index based on that category. I'd like to be able to see what actual color was assigned by Flot to a particular color index value, for the ultimate purpose

问题 I have a little problem with the Flot plugin while displaying the xaxis labels in the graph. They are 'mode: "time"' . Currently I use Flot with the tooltip function and the tooltip contains a date and time. I supply JSON to the plugin which contains timestamps. Afterwards I convert the timestamp and I display it in the tooltip. The problem is that while displaying the data in the graph, the times from the tooltips don't correspond to the xaxis labels generated by the plugin due to a

问题 How can i set up my y axis to be in the range of 0 to 24 Here is the code i have. j$.plot(j$("#placeholder"),[d1],{ xaxis: { mode: "time", min: (new Date("2010/11/01")).getTime(), max: (new Date("2011/02/01")).getTime() } }, {yaxis: { min:0, max:24 } }; }; xaxis seemed to work but when i added y axis it doesnt work. Apart from this d1 holds the string which is sent from salesforce for example d1 holds [1294041600000,14.00],[1294041600000,14.50],[1294041600000,15.00],[1293955200000,12.00] I am

问题 How can I set gradient effects on pie charts? [{ label: i, data: 1000, color: [ "rgb(190,110,110)", "rgb(140, 70, 70)", "rgb(110, 50, 50)", "rgb(60, 10, 10)" ] }, //nextserie ] doesn't work. Also how can I set gradient effects as default colors for my charts? In the way you can index it by number like: [{ label: i, data: 1000, color: 1, }, //nextserie ] 回答1: I have now added support for rendering pie chart with gradients, either radial or linear. My commit is referenced in pull request #853.

问题 In flot, how can I create a pie chart where each wedge is a link to a different web-page? 回答1: I gave it a shot, but I wasn't able to do it. I started with this example, then added: grid: { clickable: true }, right above the "pie: {" line. Then I added a plotclick function at the end: $("#placeholder").bind("plotclick", function (event, pos, item) { alert('click!'); for(var i in item){ alert('my '+i+' = '+ item[i]); } }); You'll see the "click!" message, but "item" has no properties. I was

问题 I have played a bit with flot.js for plotting some data, but I have quite a few data series, so the user might want to hide some series. One of flot's examples shows how to toggle data series by using checkboxes. I would like to make clicking the legend's little color box or the label, to toggle the visibility of that series. Is that possible? 回答1: Here is an example that uses checkboxes http://people.iola.dk/olau/flot/examples/turning-series.html It could be modified to place a click event

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . I'm trying to get a graph that looks like a gauge. I am already using jQuery Flot for my other charts, so is it possible using Flot or plain Javascript? Can someone help me getting started coding this? 回答1: Here it is only using base flot and a background image: // consts var minCord = {x: -60, y: -57}; var

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 5 years ago . I'm trying to get a graph that looks like a gauge. I am already using jQuery Flot for my other charts, so is it possible using Flot or plain Javascript? Can someone help me getting started coding this? 回答1: Here it is only using base flot and a background image: // consts var minCord = {x: -60, y: -57}; var

问题 I can't figure out how to get flot.pie to change the data shown in the labels from a percentage of the "raw data" to the actual data. In my example i've created a pie chart with the numbers of read/unread messages. Number of read messages: 50. Number of unread messages: 150. The created pie shows the percentage of read messages as 25%. On this spot i want to show the actual 50 messages. See image below: The code i used to create the pie: var data = [ { label: "Read", data: 50, color: '#614E43