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

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

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

export const LINE_WIDTH = 3;

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

export function getLineConfiguration() {
    return cloneDeep(LINE_TEMPLATE);
}