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

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

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

const LINE_WIDTH = 3;

const AREA_TEMPLATE: any = {
    chart: {
        type: "area",
    },
    plotOptions: {
        area: {
            lineWidth: 1,
        },
        series: {
            marker: {
                symbol: "circle",
                radius: 4.5,
            },
            lineWidth: LINE_WIDTH,
            fillOpacity: 0.6,
            states: {
                hover: {
                    lineWidth: LINE_WIDTH + 1,
                },
            },
        },
        column: {
            dataLabels: {},
        },
    },
    xAxis: [
        {
            categories: [],
        },
    ],
    yAxis: [
        {
            stackLabels: {
                enabled: false,
            },
        },
    ],
};

export function getAreaConfiguration() {
    return cloneDeep(AREA_TEMPLATE);
}