diff --git a/clustergrammer.js b/clustergrammer.js index 0bda9bf7..07076259 100644 --- a/clustergrammer.js +++ b/clustergrammer.js @@ -5352,21 +5352,16 @@ var Clustergrammer = }); // .on('mouseover', cat_tip.show) - - // // optional bar behind name - // /////////////////////////////// - // d3.select('.row_cat_label_bars') - // .append('rect') - // .style('height','12px') - // .style('width','70px') - // .style('opacity',0.5) - // .attr('transform', function(d){ - // // var inst_y = extra_y_room*viz.cat_room.symbol_width - // // * parseInt( d.split('-')[1], 10 ); - // var inst_y = -10; - // return 'translate(0,'+inst_y+')'; - // }); - + var unit_length = extra_y_room * viz.cat_room.symbol_width; + var bar_width = unit_length * 0.9; + + // optional bar behind name + /////////////////////////////// + d3.select('.row_cat_label_bars').selectAll().data(viz.all_cats.row).enter().append('rect').style('height', bar_width + 'px').style('width', '70px').style('opacity', 0.0).attr('transform', function (d) { + var inst_y = unit_length * (parseInt(d.split('-')[1], 10) - 0.75); + // var inst_y = -10; + return 'translate(0,' + inst_y + ')'; + }); } // // disable mouseover diff --git a/src/labels/make_row_cat_super_labels.js b/src/labels/make_row_cat_super_labels.js index 218be926..6d7dbb3c 100644 --- a/src/labels/make_row_cat_super_labels.js +++ b/src/labels/make_row_cat_super_labels.js @@ -83,20 +83,24 @@ module.exports = function make_row_cat_super_labels(cgm){ }); // .on('mouseover', cat_tip.show) + var unit_length = extra_y_room * viz.cat_room.symbol_width; + var bar_width = unit_length * 0.9; - // // optional bar behind name - // /////////////////////////////// - // d3.select('.row_cat_label_bars') - // .append('rect') - // .style('height','12px') - // .style('width','70px') - // .style('opacity',0.5) - // .attr('transform', function(d){ - // // var inst_y = extra_y_room*viz.cat_room.symbol_width - // // * parseInt( d.split('-')[1], 10 ); - // var inst_y = -10; - // return 'translate(0,'+inst_y+')'; - // }); + // optional bar behind name + /////////////////////////////// + d3.select('.row_cat_label_bars') + .selectAll() + .data(viz.all_cats.row) + .enter() + .append('rect') + .style('height', bar_width +'px') + .style('width','70px') + .style('opacity',0.0) + .attr('transform', function(d){ + var inst_y = unit_length * (parseInt( d.split('-')[1], 10 ) -0.75 ); + // var inst_y = -10; + return 'translate(0,'+inst_y+')'; + }); }