react-stockcharts-ferdibiflator/es/lib/utils/barWidth.js

Highly customizable stock charts with ReactJS and d3

"use strict";

import { head, last } from "../utils";

/**
 * Bar width is based on the amount of items in the plot data and the distance between the first and last of those
 * items.
 * @param props the props passed to the series.
 * @param moreProps an object holding the xScale, xAccessor and plotData.
 * @return {number} the bar width.
 */
export function plotDataLengthBarWidth(props, moreProps) {
  var _props$widthRatio = props.widthRatio,
      widthRatio = _props$widthRatio === undefined ? 0.8 : _props$widthRatio;
  var scale = moreProps.xScale,
      accessor = moreProps.xAccessor,
      plotData = moreProps.plotData;


  var width = Math.abs((scale(accessor(last(plotData))) - scale(accessor(head(plotData)))) / (plotData.length - 1));
  return width * widthRatio;
}

/**
 * Generates a width function that calculates the bar width based on the given time interval.
 * @param interval a d3-time time interval.
 * @return {Function} the width function.
 */
export function timeIntervalBarWidth(interval) {
  return function (props, moreProps) {
    var _props$widthRatio2 = props.widthRatio,
        widthRatio = _props$widthRatio2 === undefined ? 0.8 : _props$widthRatio2;
    var scale = moreProps.xScale,
        accessor = moreProps.xAccessor,
        plotData = moreProps.plotData;


    var first = accessor(head(plotData));
    return Math.abs(scale(interval.offset(first, 1)) - scale(first)) * widthRatio;
  };
}
//# sourceMappingURL=barWidth.js.map