Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Grouped Bar Chart issues

Hello, it looks like layout = {barmode: “group”} doesn’t work if you have several Y axis. Or may be I’m doing something wrong…

[details=figure]{
“format”: “png”,
“width”: “880”,
“height”: “350”,
“figure”: {
“data”: [
{
“x”: [
“map_boon”,
“map_fastjson”,
“map_genson”,
“map_gson”,
“map_jackson”,
“map_javax_glassfish”,
“map_json_org”,
“map_minimal_json”,
“map_mjson”,
“map_tools”,
“pojo_boon”,
“pojo_fastjson”,
“pojo_genson”,
“pojo_gson”,
“pojo_jackson”,
“pojo_jackson_afterburner”,
“pojo_tools”
],
“y”: [
“244355.522”,
“488559.745”,
“367968.361”,
“363963.293”,
“379067.422”,
“33617.007”,
“178882.178”,
“405950.285”,
“186399.260”,
“676170.502”,
“155218.585”,
“374213.017”,
“411817.640”,
“323061.617”,
“392528.884”,
“433366.686”,
“514266.654”
],
“type”: “bar”,
“error_y”: {
“type”: “data”,
“array”: [
“7688.328”,
“22637.252”,
“15240.237”,
“16578.530”,
“149586.145”,
“682.472”,
“9979.202”,
“26267.619”,
“7876.533”,
“34618.222”,
“7767.114”,
“14333.371”,
“15171.794”,
“12937.059”,
“17994.191”,
“19763.335”,
“27218.465”
],
“visible”: true
}
},
{
“x”: [
“map_boon”,
“map_fastjson”,
“map_genson”,
“map_gson”,
“map_jackson”,
“map_javax_glassfish”,
“map_json_org”,
“map_minimal_json”,
“map_mjson”,
“map_tools”,
“pojo_boon”,
“pojo_fastjson”,
“pojo_genson”,
“pojo_gson”,
“pojo_jackson”,
“pojo_jackson_afterburner”,
“pojo_tools”
],
“y”: [
“4224.060”,
“2328.030”,
“7736.040”,
“6952.040”,
“2504.043”,
“39784.607”,
“5544.082”,
“3688.036”,
“3808.078”,
“2928.022”,
“7384.094”,
“2392.039”,
“6920.035”,
“6792.045”,
“3080.037”,
“2944.137”,
“2680.028”
],
“type”: “bar”,
“yaxis”: “y2”,
“error_y”: {
“type”: “data”,
“array”: [
“0.002”,
“0.001”,
“0.002”,
“0.002”,
“0.027”,
“0.008”,
“0.005”,
“0.002”,
“0.003”,
“0.001”,
“0.005”,
“0.001”,
“0.001”,
“0.002”,
“0.002”,
“0.006”,
“0.002”
],
“visible”: true
}
}
],
“layout”: {
“autosize”: false,
“yaxis”: {
“type”: “linear”,
“autorange”: true,
“title”: “ops/s.”
},
“yaxis2”: {
“type”: “linear”,
“autorange”: true,
“title”: “B/op”,
“overlaying”: “y”,
“side”: “right”
},
“title”: “DeserializationBenchmarks: request”,
“height”: 350,
“width”: 880,
“showlegend”: false,
“barmode”: “group”,
“bargap”: “0.15”,
“bargroupgap”: “0.1”,
“xaxis”: {
“type”: “category”,
“autorange”: true
},
“margin”: {
“r”: 50,
“b”: 140,
“l”: 60,
“t”: 50
}
}
}
}[/details]

This is a known issue (unfortunately).

You can subscribe to https://github.com/plotly/plotly.js/issues/78 to get the latest development info.

thanks, I’ve found a workaround with markers opacity, but without groups it’s still not very readable