g-chartframe/src/webframe-l.js

FT styled frames for D3 graphics

import frame from './chartframe';

function webFrameL(configObject) {
    const f = frame()
        .autoPosition(true)
        .containerClass('ft-webgraphic-l')
        .backgroundColor('#FFF1E0')
        .width(1180)
        .height(700)
        .blackbar('#000')
        .fullYear(true)
        // .watermark(watermarkPathDark)
        // .watermarkSize(80)
        // .watermarkOffset(-28)
        .margin({ bottom: 105, right: 5, left: 20 })
        .rem(18)
        .plotAdjuster(8)
        .titleY(32)
        .titleStyle({
            'font-size': 28,
            'font-family': 'MetricWeb,sans-serif',
            'font-weight': 400,
            fill: '#000',
        })
        .titleLineHeight(32)
        .subtitleLineHeight(20)
        .subtitleY(64)
        .subtitleStyle({
            'font-size': 18,
            'font-family': 'MetricWeb,sans-serif',
            fill: '#66605C',
        })
        .sourceLineHeight(16)
        .sourcePlotYOffset(44)
        .sourceStyle({
            'font-size': '16px',
            'font-family': 'MetricWeb,sans-serif',
            fill: '#66605C',
        })
        .copyrightStyle({
            'font-size': '16px',
            'font-style': 'italic',
            'font-family': 'MetricWeb,sans-serif',
            fill: '#66605C',
        });

    if (configObject !== undefined) f.attrs(configObject);
    return f;
}

export default webFrameL;