var options = {
    series: [
        %SERIES%
    ],
    chart: {
        width: "%CHART_WIDTH%",
        height: "%CHART_HEIGHT%",
        background: "%BACKGROUND_COLOR%",
        fontFamily: "IranSans",
        foreColor: "%TEXT_COLOR%",
        type: "%TYPE%",
        animations: {
            enabled: %ANIMATION_ENABLED%,
        },
        zoom: {
            enabled: %ZOOM_ENABLED%,
        }
    },
    toolbar: {
        show: %TOOLBAR_ENABLED%,
    },
    tooltip: {
        enabled: %TOOLTIP_ENABLED%,
    },
    theme: {
        mode: "%THEME%", 
        palette: "%PALETTE%",
    },
    dataLabels: {
        enabled: true,
    },
    stroke: {
        curve: "straight",
    },
    title: {
        text: "%TITLE%",
        align: "center",
    },
    grid: {
        row: {
            colors: ["#f3f3f3", "#d3d3d3"], // takes an array which will be repeated on columns
            opacity: 0.5,
        },
    },
    markers: {size: "%MARKER_SIZE%",},
    xaxis: {
        categories: %CATEGORIES%,
        title: {
            text: "%AXIX_X_TITLE%"
        }
    },
    yaxis: {
        title: {
            text: "%AXIX_Y_TITLE%"
        },
    },
    legend: {
        position: "%LEGEND_POSITION%",
        horizontalAlign: "center",
        floating: true,
        offsetY: -25,
        offsetX: -5
    }
};