How to use the @nivo/heatmap.HeatMapDefaultProps.isInteractive function in @nivo/heatmap

To help you get started, we’ve selected a few @nivo/heatmap 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 / components / charts / heatmap / props.js View on Github external
controlType: 'switch',
        controlGroup: 'Grid & Axes',
    },
    ...axesProperties,
    /*——————————————————————————————————————————————————————————————————————————

      Interactivity

    ————————————————————————————————————————————————————————————————————————————*/
    {
        key: 'isInteractive',
        scopes: ['HeatMap', 'HeatMapCanvas'],
        description: 'Enable/disable interactivity.',
        type: '{boolean}',
        required: false,
        default: defaults.isInteractive,
        controlType: 'switch',
        controlGroup: 'Interactivity',
    },
    {
        key: 'onClick',
        scopes: ['HeatMap', 'HeatMapCanvas'],
        type: '{Function}',
        required: false,
        description: (
            <div>
                onClick handler, will receive node data as first argument &amp; event as second one. The
                node data has the following shape:
                <pre>                    {dedent`
                        {
                            key:        {string},</pre></div>
github plouc / nivo / website / src / data / components / heatmap / props.js View on Github external
key: 'enableGridY',
        help: 'Enable/disable y grid.',
        type: 'boolean',
        required: false,
        defaultValue: defaults.enableGridY,
        controlType: 'switch',
        group: 'Grid & Axes',
    },
    ...axesProperties(),
    {
        key: 'isInteractive',
        flavors: ['svg', 'canvas'],
        help: 'Enable/disable interactivity.',
        type: 'boolean',
        required: false,
        defaultValue: defaults.isInteractive,
        controlType: 'switch',
        group: 'Interactivity',
    },
    {
        key: 'onClick',
        flavors: ['svg', 'canvas'],
        group: 'Interactivity',
        type: '(cell, event) => void',
        required: false,
        help: 'onClick handler.',
        description: `
            onClick handler, will receive node data
            as first argument & event as second one.
            The node data has the following shape:
            \`\`\`
            {