flot

问题 I have a CSV file that I would like to use as source data for a jQuery flot graph. Should I: Find a jQuery plugin that will load the CSV file directly? Convert the CSV file into JSON and use that instead? Do something completely different? I'm not having much luck finding a jQuery plugin that can cope with an external CSV file, but maybe I'm missing something. 回答1: Use the jQuery CSV plugin to get an array. Build / sort the array however you need for the chart. jQuery CSV Plugin It just

问题 Hello I am trying to plot a bar chart with 31 days data. However when I plot it, the label for each data is not directly in the center below its bar, when i set the bars to align: "center" , the first bar and last bar gets cut into half. Here is the jsfiddle: http://jsfiddle.net/3T6qc/ How do I set it so that i see the full bars and have the labels directly below in the center? Take note that I am using flot as the plotting library. 回答1: Hey Here are some points to be noted about your fiddle.

问题 How can I remove the white line between slices and background in Flot pie chart ? My jsfiddle As you can see it looks like that: I want it to look like that(Ignore my bad artistic skills): My Code: $(function () { var data = [ { label: "Read", data: 50, color: '#614E43' }, { label: "Unread", data: 150, color: '#F5912D' }]; $.plot($("#star"), data, { series: { pie: { radius: 0.2, innerRadius: 0.125, show: true } } }); }); 回答1: You can add the STROKE Property pie: { radius: 0.2, innerRadius: 0

问题 Closed . This question needs to be more focused. It is not currently accepting answers. Want to improve this question? Update the question so it focuses on one problem only by editing this post. Closed 5 years ago . hi i am using FLOT charts API to show data in the form of bar charts in my application. I have got requirement to show the data in bar chart and in categories with Pre Data and Post data some thing as shown in the picture like this Sample Diagram Please tell me how to take the

问题 I think I may have stumbled onto a limitation of Flot, but I'm not sure. I'm trying to represent a single data series over time. The items' "State" is represented on the Y-Axis (there are 5 of them), and time is on the X-Axis (items can change states over time). I want the graph to have points and lines connecting those points for each data series. In addition to tracking an item's State over time, I'd also like to represent it's "Status" at any of the particular points. This I would like to

问题 In the following fiddle: http://jsfiddle.net/jamitzky/9x7aJ/ How can I make the graph's width change if the window width changes? code: $(function () { var d1 = []; for (var i = 0; i < 14; i += 0.5) d1.push([i, Math.sin(i)]); var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]]; // a null signifies separate line segments var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]]; $.plot($("#placeholder"), [ d1, d2, d3 ]); }); 回答1: Try something like this: Flot will auto draw to the container it's in. So if

问题 Hi i am trying to retrieve data from mysql database to create flot graph can anyone walk me through this procedure or give me an idea of what to do thanks 回答1: You probably want something like this. I haven't used flot but I looked at the example here. <?php //create array of pairs of x and y values $dataset1 = array(); while ($row = mysql_fetch_assoc()) { //or whatever $dataset1[] = array( $row['xvalue'], $row['yvalue'] ); } ?> <script type="text/javascript"> //put array into javascript

问题 Hi i am trying to retrieve data from mysql database to create flot graph can anyone walk me through this procedure or give me an idea of what to do thanks 回答1: You probably want something like this. I haven't used flot but I looked at the example here. <?php //create array of pairs of x and y values $dataset1 = array(); while ($row = mysql_fetch_assoc()) { //or whatever $dataset1[] = array( $row['xvalue'], $row['yvalue'] ); } ?> <script type="text/javascript"> //put array into javascript

问题 I am trying to draw a line chart with bar chart. everything went well. This is my code $.plot(holder, [ { data: data[0].data, lines: { show: true }, label:"Service Level" }, { data: data[1].data, bars: { show: true }, yaxis: 2, label:"# Of Calls" } // set second series to use second axis ], { yaxes: [{ min: 0, // options for first axis, max: 100, tickFormatter: function (val, axis) { return val + '%'; } }, { alignTicksWithAxis: 1, // options for second axis, put it on right position: "right"

问题 I've made this bar chart http://imageshack.com/a/img901/7186/cnOfhh.png, and the code for it is: //compute & mark average color for (var i = 0; i < zdata.length; i++) { if (zdata[i].TargetTime == null) zdata[i].TargetTime = 0; if (zdata[i].TimePlayed == null) zdata[i].TimePlayed = 0; if (zdata[i].TargetTime >= zdata[i].TimePlayed) { zdata[i]['Color'] = 'green'; } else { zdata[i]['Color'] = 'red'; } } //localsitelist var element = { rt: 'D', Id: rid, courselist: clist, selcourseId: selCid,