jquery - flot side by side stack bar -



jquery - flot side by side stack bar -

is possible have side side bar chart mixed stacked bar using flot?

similar jqplot question here: jqplot side side stacked bar chart

tried using both 1 side side runs , if disable side side, stacked bar works perfectly.

image similar : http://peltiertech.com/utility/pix/clusterstackchart.png

sample code wrote is: http://jsfiddle.net/wagbt/ (comment out order: x property , you'll see them switch)

$(document).ready(function () { drawchart(); }); function generateseries(added) { var info = []; var start = 100 + added; var end = 500 + added; (i = 1; <= 20; i++) { var d = math.floor(math.random() * (end - start + 1) + start); data.push([i, d]); start++; end++; } homecoming data; } function drawchart() { var dataa = generateseries(100); var datab = generateseries(100); var datac = generateseries(100); var ds = new array(); var info = [ { label: "data1", data: dataa, bars: { show: true, barwidth: 0.2, order: 1, linewidth: 2 } }, { label: "data2", data: datab, bars: { show: true, barwidth: 0.2, order: 2, linewidth: 2 } }, { label: "data3", data: datac, bars: { show: true, barwidth: 0.2, order: 3, linewidth: 2 } } ]; var options = { series: { stack: true }, xaxis: { }, grid: { backgroundcolor: { colors: ["#fff", "#fff"] } } }; var plot = $.plot($("#placeholder"), data, options); }

add bars options...

var options = { series: { stack: true }, xaxis: { }, grid: { backgroundcolor: { colors: ["#fff", "#fff"] } }, bars:{ // show bars width of .4 show: true, barwidth: .4 } };

and massage info format...

var info = [ // series [ // first series (q1) [0,100], // pens q1 n america [0.4,120], // pencils q1 n america [1,130], // pens q1 europe [1.4,140], // pencils q1 europe [2,150], // pens q1 asia [2.4,200], // pencils q1 asia ], [ // sec series (q2) [0,100], [0.4,200], [1,200], [1.4,200], [2,200], [2.4,200], ], [ // 3rd series (q3) [0,100], [0.4,200], [1,200], [1.4,200], [2,200], [2.4,200], ], [ // 4th series (q4) [0,100], [0.4,200], [1,200], [1.4,200], [2,200], [2.4,200], ] ]

and works this: http://jsfiddle.net/wagbt/2/

i made update labels series, , on axes: http://jsfiddle.net/wagbt/3/

jquery charts stack flot

Comments

Post a Comment

Popular posts from this blog

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more

r - url in CRAN extension manual -

r - url in CRAN extension manual - aesthetics question cran manuals. how create urls description field reddish , function when clicked (like first url in url field)? 1 appears reddish in manual first url in th url field, , of links (such in bugreports field) don't work.. here's description (chopped down): package: bundle type: bundle title: stuff version: 0.2.1 date: 2012-05-09 author: me maintainer: bob <bob@gmail.com> depends: r (>= 2.15), imports: gridextra suggests: plyr lazydata: true description: bundle awesome. note: qdap not compiled mac users. installation instructions mac user or other os users having difficulty installing qdap please visit: http://trinker.github.com/qdap_install/installation license: gpl-2 url: http://trinker.github.com/qdap/ https://github.com/trinker/qdap bugreports: https://github.com/trinker/qdap/issues collate: 'adjacency_matrix.r' and manual: https://dl.dropbox.com/u/61803503/qd...
Read more

asp.net - .NET Control.ID property inconsistency -

asp.net - .NET Control.ID property inconsistency - please have @ code below: partial class _default inherits system.web.ui.page protected sub page_load(byval sender object, byval e system.eventargs) handles me.load dim c1 new checkbox c1.id = "test1/" 'line 7 placeholder1.controls.add(c1) end sub protected sub button1_click(byval sender object, byval e system.eventargs) handles button1.click each c command in page.controls each d command in c.controls each f command in d.controls each g command in f.controls each h command in g.controls if typeof h checkbox dim cbox new checkbox cbox = ctype(h, checkbox) msgbox(cbox.checked) 'line 20 end if next ...
Read more