function headlineBarChart(placeholder) {
    var basic = [
        [gt(2013, 10, 21), 188], [gt(2013, 10, 22), 205], [gt(2013, 10, 23), 250], [gt(2013, 10, 24), 230], [gt(2013, 10, 25), 245], [gt(2013, 10, 26), 260], [gt(2013, 10, 27), 290]
    ];

    var gold = [
        [gt(2013, 10, 21), 100], [gt(2013, 10, 22), 110], [gt(2013, 10, 23), 155], [gt(2013, 10, 24), 120], [gt(2013, 10, 25), 135], [gt(2013, 10, 26), 150], [gt(2013, 10, 27), 175]
    ];

    var platinum = [
        [gt(2013, 10, 21), 75], [gt(2013, 10, 22), 65], [gt(2013, 10, 23), 80], [gt(2013, 10, 24), 60], [gt(2013, 10, 25), 65], [gt(2013, 10, 26), 80], [gt(2013, 10, 27), 110]
    ];

    var plot = $.plot(placeholder,
        [
            {
                data: basic,
                label: "Basic"
            },
            {
                data: gold,
                label: "Gold"
            },
            {
                data: platinum,
                label: "Platinum"
            }
        ],
        {
            bars: {
                show: true,
                barWidth: 15*60*60*300,
                fill: true,
                order: true,
                lineWidth: 0,
                fillColor: { colors: [ { opacity: 0.8 }, { opacity: 0.1 } ] }
            },
            grid: {
                hoverable: true,
                clickable: true,
                borderWidth: 0,
                tickColor: headlineChart.gridTickColor,
            },
            colors: ["#7bae16", "#d7ea2b", "#5399D6"],
            yaxis: {
                font: { color: headlineChart.axisFontColor },
            },
            xaxis: {
                mode: "time",
                timezone: "browser",
                minTickSize: [1, "day"],
                timeformat: "%a",
                font: { color: headlineChart.axisFontColor },
                tickColor: "transparent",
                autoscaleMargin: 0.2
            },
            legend: {
                labelBoxBorderColor: "transparent",
                backgroundColor: "transparent"
            },
            tooltip: true,
            tooltipOpts: {
                content: '%s: %y'
            }
        });

    return plot;
}
// init headline flot chart: visit bar chart
init headline flot chart: visit bar chart
init headline flot chart : visit bar chart
function headlineBarChart(placeholder) {
    var basic = [
        [gt(2013, 10, 21), 188], [gt(2013, 10, 22), 205], [gt(2013, 10, 23), 250], [gt(2013, 10, 24), 230], [gt(2013, 10, 25), 245], [gt(2013, 10, 26), 260], [gt(2013, 10, 27), 290]
    ];
    var gold = [
        [gt(2013, 10, 21), 100], [gt(2013, 10, 22), 110], [gt(2013, 10, 23), 155], [gt(2013, 10, 24), 120], [gt(2013, 10, 25), 135], [gt(2013, 10, 26), 150], [gt(2013, 10, 27), 175]
    ];
    var platinum = [
        [gt(2013, 10, 21), 75], [gt(2013, 10, 22), 65], [gt(2013, 10, 23), 80], [gt(2013, 10, 24), 60], [gt(2013, 10, 25), 65], [gt(2013, 10, 26), 80], [gt(2013, 10, 27), 110]
    ];
    var plot = $.plot(placeholder,
        [
            {
                data: basic,
                label: "Basic"
            },
            {
                data: gold,
                label: "Gold"
            },
            {
                data: platinum,
                label: "Platinum"
            }
        ],
        {
            bars: {
                show: true,
                barWidth: 15*60*60*300,
                fill: true,
                order: true,
                lineWidth: 0,
                fillColor: { colors: [ { opacity: 0.8 }, { opacity: 0.1 } ] }
            },
            grid: {
                hoverable: true,
                clickable: true,
                borderWidth: 0,
                tickColor: headlineChart.gridTickColor,
            },
            colors: ["#7bae16", "#d7ea2b", "#5399D6"],
            yaxis: {
                font: { color: headlineChart.axisFontColor },
            },
            xaxis: {
                mode: "time",
                timezone: "browser",
                minTickSize: [1, "day"],
                timeformat: "%a",
                font: { color: headlineChart.axisFontColor },
                tickColor: "transparent",
                autoscaleMargin: 0.2
            },
            legend: {
                labelBoxBorderColor: "transparent",
                backgroundColor: "transparent"
            },
            tooltip: true,
            tooltipOpts: {
                content: '%s: %y'
            }
        });
    return plot;
}
function headlineBarChart ( placeholder ) { var basic = [ [ gt ( 2013 , 10 , 21 ) , 188 ] , [ gt ( 2013 , 10 , 22 ) , 205 ] , [ gt ( 2013 , 10 , 23 ) , 250 ] , [ gt ( 2013 , 10 , 24 ) , 230 ] , [ gt ( 2013 , 10 , 25 ) , 245 ] , [ gt ( 2013 , 10 , 26 ) , 260 ] , [ gt ( 2013 , 10 , 27 ) , 290 ] ] ; var gold = [ [ gt ( 2013 , 10 , 21 ) , 100 ] , [ gt ( 2013 , 10 , 22 ) , 110 ] , [ gt ( 2013 , 10 , 23 ) , 155 ] , [ gt ( 2013 , 10 , 24 ) , 120 ] , [ gt ( 2013 , 10 , 25 ) , 135 ] , [ gt ( 2013 , 10 , 26 ) , 150 ] , [ gt ( 2013 , 10 , 27 ) , 175 ] ] ; var platinum = [ [ gt ( 2013 , 10 , 21 ) , 75 ] , [ gt ( 2013 , 10 , 22 ) , 65 ] , [ gt ( 2013 , 10 , 23 ) , 80 ] , [ gt ( 2013 , 10 , 24 ) , 60 ] , [ gt ( 2013 , 10 , 25 ) , 65 ] , [ gt ( 2013 , 10 , 26 ) , 80 ] , [ gt ( 2013 , 10 , 27 ) , 110 ] ] ; var plot = $ . plot ( placeholder , [ { data : basic , label : "Basic" } , { data : gold , label : "Gold" } , { data : platinum , label : "Platinum" } ] , { bars : { show : true , barWidth : 15 * 60 * 60 * 300 , fill : true , order : true , lineWidth : 0 , fillColor : { colors : [ { opacity : 0.8 } , { opacity : 0.1 } ] } } , grid : { hoverable : true , clickable : true , borderWidth : 0 , tickColor : headlineChart . gridTickColor , } , colors : [ "#7bae16" , "#d7ea2b" , "#5399D6" ] , yaxis : { font : { color : headlineChart . axisFontColor } , } , xaxis : { mode : "time" , timezone : "browser" , minTickSize : [ 1 , "day" ] , timeformat : "%a" , font : { color : headlineChart . axisFontColor } , tickColor : "transparent" , autoscaleMargin : 0.2 } , legend : { labelBoxBorderColor : "transparent" , backgroundColor : "transparent" } , tooltip : true , tooltipOpts : { content : '%s: %y' } } ) ; return plot ; }
init headline flot chart: visit bar chart
init headline flot chart : visit bar chart