flot

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 } } }); }); You can add the STROKE Property pie: { radius: 0.2, innerRadius: 0.125, show: true, stroke: { width: 0.1 } } Set the value to 0 totally hide the pie. So you could also add a

I tried with following code in Flot char to draw a chart. Chart is plotting as expected but not tooltip $(function() { var data = [["Aug 06",2],["Aug 07",1],["Aug 08",1.5],["Aug 09",0],["Aug 10",0],["Aug 11",0],["Aug 12",0]]; var options = { series: { lines: { show: true, lineWidth: 1, fill: true, fillColor: { colors: [ { opacity: 0.5 }, { opacity: 0.2 } ] } }, points: { show: true, lineWidth: 2 }, shadowSize: 0 }, grid: { hoverable: true, clickable: true, tickColor: "#eeeeee", borderWidth: 0, hoverable : true, clickable : true }, tooltip : true, tooltipOpts : { content : "Your sales for <b>%x

I included jquery.flot.trendline.js . From Here It is my code $.plot($("#placeholder"), seriesdata, { series: { trendline: { show:true, lineWidth:2, fill:true, fillColor:false, steps:true }, ... }); I'm not getting trend line in the chart. That plugin is a no-go. It requires modifications to the flot source to work and in my opinion isn't very well done. The simpliest approach would be to just add the trendline yourself as an additional series. The math is not difficult... // calc slope and intercept // then use resulting y = mx + b to create trendline lineFit = function(points){ sI =

I was successfully established my flot chart, based on this previous post I want to enable to viewer to show/hide the series with a click. I found bunch of solutions, both official and others, but none of those worked for me. I'll explain: Official turning series on/off : this works, but looks very messy as the legend is eventually duplicated twice (disappears from official legend once the series turned off). Hiddengraphs.js : this is a plugin which can be found at the plugin repository, but it doesn't work and interact well with Chrome (tried more than one machine, it just don't work). This

I'm trying to generate a graph with month,year in x-axis. Please check below for ex: The data for the graph is obtained via ajax. Please check below for sample json: {"total":[[2013,4,0],[2013,5,0],[2013,6,0],[2013,7,0],[2013,8,0],[2013,9,0],[2013,10,475],[2013,11,0],[2013,12,0],[2014,1,367],[2014,2,0],[2014,3,0]],"critical":[[2013,4,0],[2013,5,0],[2013,6,0],[2013,7,0],[2013,8,0],[2013,9,0],[2013,10,0],[2013,11,0],[2013,12,0],[2014,1,1],[2014,2,0],[2014,3,0]],"high":[[2013,4,0],[2013,5,0],[2013,6,0],[2013,7,0],[2013,8,0],[2013,9,0],[2013,10,20],[2013,11,0],[2013,12,0],[2014,1,20],[2014,2,0],