@gooddata/react-components/src/components/visualizations/chart/highcharts/bubbleConfiguration.ts

GoodData.UI - A powerful JavaScript library for building analytical applications

// (C) 2007-2018 GoodData Corporation
import cloneDeep = require("lodash/cloneDeep");

const BUBBLE_TEMPLATE = {
    chart: {
        type: "bubble",
    },
    plotOptions: {
        bubble: {
            stickyTracking: false,
            marker: {
                symbol: "circle",
                radius: 5,
                states: {
                    hover: {
                        enabled: true,
                        lineColor: "white",
                    },
                },
            },
            states: {
                hover: {
                    marker: {
                        enabled: false,
                    },
                },
            },
            dataLabels: {
                enabled: false, // TODO remove once FF for config panel is removed
                allowOverlap: false,
            },
        },
    },
    xAxis: [
        {
            startOnTick: true,
        },
    ],
    series: {
        states: {
            hover: {
                enabled: false,
            },
        },
    },
    legend: {
        enabled: false,
    },
};

export function getBubbleConfiguration() {
    return cloneDeep(BUBBLE_TEMPLATE);
}