How to use the @nivo/bump.BumpDefaultProps.activeOpacity function in @nivo/bump

To help you get started, we’ve selected a few @nivo/bump examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github plouc / nivo / website / src / data / components / bump / props.js View on Github external
controlType: 'lineWidth',
    },
    {
        key: 'opacity',
        group: 'Style',
        type: 'number | (serie: Serie) => number',
        help: 'Opacity.',
        defaultValue: defaults.opacity,
        controlType: 'opacity',
    },
    {
        key: 'activeOpacity',
        group: 'Style',
        type: 'number | (serie: Serie) => number',
        help: 'Opacity for active series.',
        defaultValue: defaults.activeOpacity,
        controlType: 'opacity',
    },
    {
        key: 'inactiveOpacity',
        group: 'Style',
        type: 'number | (serie: Serie) => number',
        help: 'Opacity for inactive series.',
        defaultValue: defaults.inactiveOpacity,
        controlType: 'opacity',
    },
    {
        key: 'startLabel',
        group: 'Labels',
        type: 'false | string | (serie: Serie) => string',
        defaultValue: defaults.startLabel,
    },
github plouc / nivo / website / src / pages / bump / index.js View on Github external
right: 100,
        bottom: 40,
        left: 60,
    },

    interpolation: BumpDefaultProps.interpolation,
    xPadding: BumpDefaultProps.xPadding,
    xOuterPadding: BumpDefaultProps.xOuterPadding,
    yOuterPadding: BumpDefaultProps.yOuterPadding,

    colors: { scheme: 'spectral' },
    lineWidth: 3,
    activeLineWidth: 6,
    inactiveLineWidth: 3,
    opacity: BumpDefaultProps.opacity,
    activeOpacity: BumpDefaultProps.activeOpacity,
    inactiveOpacity: 0.15,

    startLabel: false,
    startLabelPadding: BumpDefaultProps.startLabelPadding,
    startLabelTextColor: BumpDefaultProps.startLabelTextColor,
    endLabel: 'id',
    endLabelPadding: BumpDefaultProps.endLabelPadding,
    endLabelTextColor: BumpDefaultProps.endLabelTextColor,

    pointSize: 10,
    activePointSize: 16,
    inactivePointSize: 0,
    pointColor: { theme: 'background' },
    pointBorderWidth: 3,
    activePointBorderWidth: 3,
    inactivePointBorderWidth: 0,