luxolus/open-nomad
2
0
Fork 0
Code Issues 1 Pull requests Packages Releases Wiki Activity

Set slices after merging the selection

Browse source
This commit is contained in:
Michael Lange 2018-02-20 15:27:30 -08:00
parent 7c27d1486b
commit bbe646b131
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ui/app/components/distribution-bar.js
View file

@ -22,7 +22,7 @@ export default Component.extend(WindowResizable, {
tooltipStyle: styleStringProperty('tooltipPosition'), tooltipStyle: styleStringProperty('tooltipPosition'),
maskId: null, maskId: null,
_data: computed('data', function() { _data: computed('data.@each.{value,label,className,layers}', function() {
const data = this.get('data'); const data = this.get('data');
const sum = data.mapBy('value').reduce(sumAggregate, 0); const sum = data.mapBy('value').reduce(sumAggregate, 0);
@ -80,8 +80,6 @@ export default Component.extend(WindowResizable, {
let slices = chart.select('.bars').selectAll('g').data(filteredData, d => d.label); let slices = chart.select('.bars').selectAll('g').data(filteredData, d => d.label);
let sliceCount = filteredData.length; let sliceCount = filteredData.length;
this.set('slices', slices);
slices.exit().remove(); slices.exit().remove();
let slicesEnter = slices.enter() let slicesEnter = slices.enter()
@ -89,7 +87,7 @@ export default Component.extend(WindowResizable, {
.on('mouseenter', d => { .on('mouseenter', d => {
run(() => { run(() => {
const slices = this.get('slices'); const slices = this.get('slices');
const slice = slices.filter(datum => datum === d); const slice = slices.filter(datum => datum.label === d.label);
slices.classed('active', false).classed('inactive', true); slices.classed('active', false).classed('inactive', true);
slice.classed('active', true).classed('inactive', false); slice.classed('active', true).classed('inactive', false);
this.set('activeDatum', d); this.set('activeDatum', d);
@ -114,6 +112,8 @@ export default Component.extend(WindowResizable, {
return [ className, isActive && 'active', isInactive && 'inactive' ].compact().join(' '); return [ className, isActive && 'active', isInactive && 'inactive' ].compact().join(' ');
}); });
this.set('slices', slices);
const setWidth = d => `${width * d.percent - (d.index === sliceCount - 1 || d.index === 0 ? 1 : 2)}px` const setWidth = d => `${width * d.percent - (d.index === sliceCount - 1 || d.index === 0 ? 1 : 2)}px`
const setOffset = d => `${width * d.offset + (d.index === 0 ? 0 : 1)}px` const setOffset = d => `${width * d.offset + (d.index === 0 ? 0 : 1)}px`