mirror of https://github.com/masayuki0812/c3.git
Quite good looking graph derived from d3.js
http://c3js.org
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.2 KiB
81 lines
2.2 KiB
import { |
|
CLASS, |
|
isValue, |
|
isFunction, |
|
isString, |
|
isUndefined, |
|
isDefined, |
|
ceil10, |
|
asHalfPixel, |
|
diffDomain, |
|
isEmpty, |
|
notEmpty, |
|
getOption, |
|
hasValue, |
|
sanitise, |
|
getPathBox, |
|
ChartInternal |
|
} from '../chartinternal.js'; |
|
|
|
const focus = function (targetIds) { |
|
let $$ = this.internal, candidates; |
|
|
|
targetIds = $$.mapToTargetIds(targetIds); |
|
candidates = $$.svg.selectAll($$.selectorTargets(targetIds.filter($$.isTargetToShow, $$))), |
|
|
|
this.revert(); |
|
this.defocus(); |
|
candidates.classed(CLASS.focused, true).classed(CLASS.defocused, false); |
|
if ($$.hasArcType()) { |
|
$$.expandArc(targetIds); |
|
} |
|
$$.toggleFocusLegend(targetIds, true); |
|
|
|
$$.focusedTargetIds = targetIds; |
|
$$.defocusedTargetIds = $$.defocusedTargetIds.filter((id) => { |
|
return targetIds.indexOf(id) < 0; |
|
}); |
|
}; |
|
|
|
const defocus = function (targetIds) { |
|
let $$ = this.internal, candidates; |
|
|
|
targetIds = $$.mapToTargetIds(targetIds); |
|
candidates = $$.svg.selectAll($$.selectorTargets(targetIds.filter($$.isTargetToShow, $$))), |
|
|
|
candidates.classed(CLASS.focused, false).classed(CLASS.defocused, true); |
|
if ($$.hasArcType()) { |
|
$$.unexpandArc(targetIds); |
|
} |
|
$$.toggleFocusLegend(targetIds, false); |
|
|
|
$$.focusedTargetIds = $$.focusedTargetIds.filter((id) => { |
|
return targetIds.indexOf(id) < 0; |
|
}); |
|
$$.defocusedTargetIds = targetIds; |
|
}; |
|
|
|
const revert = function (targetIds) { |
|
let $$ = this.internal, candidates; |
|
|
|
targetIds = $$.mapToTargetIds(targetIds); |
|
candidates = $$.svg.selectAll($$.selectorTargets(targetIds)); // should be for all targets |
|
|
|
candidates.classed(CLASS.focused, false).classed(CLASS.defocused, false); |
|
if ($$.hasArcType()) { |
|
$$.unexpandArc(targetIds); |
|
} |
|
if ($$.config.legend_show) { |
|
$$.showLegend(targetIds.filter($$.isLegendToShow.bind($$))); |
|
$$.legend.selectAll($$.selectorLegends(targetIds)) |
|
.filter(function () { |
|
return $$.d3.select(this).classed(CLASS.legendItemFocused); |
|
}) |
|
.classed(CLASS.legendItemFocused, false); |
|
} |
|
|
|
$$.focusedTargetIds = []; |
|
$$.defocusedTargetIds = []; |
|
}; |
|
|
|
export { focus, defocus, revert };
|
|
|