c = XYChart(700, 700, brushedSilverColor(), Transparent , 2)
    c.setRoundedFrame()

    # Set the plotarea at (52, 60) and of size 520 x 192 pixels. Use white (ffffff) background.
    # Enable both horizontal and vertical grids by setting their colors to grey (cccccc). Set
    # clipping mode to clip the data lines to the plot area.
    c.setPlotArea(80, 250, 520, 350, '0xf4f4f4', -1, -1, '0x808080', '0x808080')
    c.setClipping()
    c.setDropShadow()
    # Add a top title to the chart using 15 pts Times New Roman Bold Italic font, with a light blue
    # (ccccff) background, black (000000) border, and a glass like raised effect.
    title = c.addTitle("GUI for Month Trend Line and Peak_Det", "helvetica.ttf", 15)
    title.setMargin2(0, 0, 6, 6)
    # Add a bottom title to the chart to show the date range of the axis, with a light blue (ccccff)
    # background.
    c.addLine(10, title.getHeight(), c.getWidth()-11, title.getHeight(), LineColor)
    c.addTitle2(Bottom,
        "From <*font=arialbi.ttf*>%s<*/font*> to <*font=arialbi.ttf*>%s<*/font*> (Duration " \\
        "<*font=arialbi.ttf*>%s<*/font*> days)" % (c.formatValue(viewPortStartDate,
        "{value|mmm dd, yyyy}"), c.formatValue(viewPortEndDate, "{value|mmm dd, yyyy}"), int(0.5 + (
        viewPortEndDate - viewPortStartDate) / 86400)), "ariali.ttf", 10).setBackground('0xccccff')

    # Add a legend box at the top of the plot area with 9pts Arial Bold font with flow layout.
    b = c.addLegend2(55, 33, 3, "arialbd.ttf", 9)
    b.setBackground(Transparent, Transparent)
    b.setWidth(520)

    c.yAxis().setTitle("CPU Usage(Seconds)", "arialbd.ttf", 10)
    # Set the axes width to 2 pixels
    c.xAxis().setWidth(3)
    c.xAxis().setTitle("Timestamps : Current Unix Time", "arialbd.ttf", 10)
    c.xAxis().setLabelStyle("arialbd.ttf", 8, '0x00000').setFontAngle(45)
    c.yAxis().setWidth(2)

    #================================================================================
    # Step 2 - Add data to chart
    #================================================================================

    #
    # In this example, we represent the data by lines. You may modify the code below if you want to
    # use other representations (areas, scatter plot, etc).
    #

    # Add a line layer for the lines, using a line width of 2 pixels
    layer1 = c.addAreaLayer()
    layer1.setLineWidth(1)
    layer1.setXData(chart_time)
    layer1.addDataSet(chart_value, '0x60FF0000', c.formatValue(chart_value[0], "current CPU USAGE: <*bgColor=FF6871*> {value|1} ")).setDataSymbol(CircleShape, 4, '0xFF0000')
    layer4 = c.addLineLayer2()
    layer4 = c.addScatterLayer(chart_time, chart_value, "", CircleShape, 4, '0xFF0000')
    # Now we add the 3 data series to a line layer, using the color red (ff0000), green (00cc00) and
    # blue (0000ff)
    layer2 = c.addLineLayer2()
    layer2.setXData(chart_time)
    layer2.setLineWidth(3)
    layer2.addDataSet(smooth, '0x3B26FC', "Trend Line")

    ##--------------------PEAKS------------------------------------------------------------------------------

    layer3 = c.addScatterLayer(chart_peaktime, chart_peaks,"PEAKS", StarShape(4), 15, '0xD2691E')
    layer3.setDataLabelStyle("timesbi.ttf", 10).setBackground('0xffcc66',
        Transparent, 1)
    layer5 = c.addScatterLayer(peaktime_before2, peaks_before2, "PEAK-BEFORE", StarShape(3), 15, '0xD1691E')
    layer5.setDataLabelStyle("timesbi.ttf",8).setBackground('0xff66cc',
    Transparent,1)
    layer5.moveFront()
    layer3.moveFront()