terriajs/lib/Charts/Size.js

Geospatial data visualization platform.

'use strict';

import defaultValue from 'terriajs-cesium/Source/Core/defaultValue';
import defined from 'terriajs-cesium/Source/Core/defined';

import Title from './Title';

const defaultXAxisHeight = 14; // The default height of the x-axis itself, ie. the numbering of the ticks.
const defaultXAxisLabelHeight = 20; // The default additional height of the x-axis label, eg. "time".

const yAxisWidth = 66;

const Size = {

    calculate(element, margin, state, numberOfYAxes) {
        const xAxisHeight = defaultValue(state.xAxisHeight, defaultXAxisHeight);
        const xAxisLabelHeight = defaultValue(state.xAxisLabelHeight, defaultXAxisLabelHeight);
        const titleHeight = Title.getHeight(state.titleSettings);
        const yAxesWidth = numberOfYAxes * yAxisWidth;
        const width = element.offsetWidth - margin.left - margin.right - yAxesWidth;
        const height = element.offsetHeight - margin.top - margin.bottom - titleHeight;
        const heightMinusXAxisLabelHeight = height - ((defined(state.axisLabel) && defined(state.axisLabel.x)) ? xAxisLabelHeight : 0);
        const plotHeight = heightMinusXAxisLabelHeight - (state.mini ? 0 : xAxisHeight);
        return {
            width: width,
            yAxesWidth: yAxesWidth,
            height: height,
            heightMinusXAxisLabelHeight: heightMinusXAxisLabelHeight,
            plotHeight: plotHeight,
            xAxisHeight: xAxisHeight,
            xAxisLabelHeight: xAxisLabelHeight
        };
    },

    yAxisWidth: yAxisWidth

};


module.exports = Size;