#7100

by amcharts

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/amstock.js"></script>
<div id="graph_test"></div>

CSS

#graph_test {
	width	: 100%;
	height	: 500px;
}

JavaScript

var chart = AmCharts.makeChart("graph_test",
{
    type: "stock",
    theme: "none",
    pathToImages: "http://localhost/SVN1/trunk/CI_TEST/Scripts/images/",
    categoryAxesSettings: {
        minPeriod: "mm"
    },
    chartScrollbarSettings: {
        graph: "g1",
        usePeriod: "30mm",
        position: "top",
        
    },
    chartCursorSettings: {
        valueBalloonsEnabled: true
    },
    periodSelector: {
        position: "top",
        dateFormat: "YYYY-MM-DD JJ:NN",
        inputFieldWidth: 150,
        periods: [
            {
                period: "hh",
                count: 168,
                label: "1 week",
                
            },
            {
                period: "hh",
                count: 24,
                label: "1 day",
                selected: true
            },
            {
                period: "hh",
                count: 1,
                label: "1 hour",
                
            }
        ]
    },
    dataSets: [
        {
            title: "CSJ T_EXT",
            fieldMappings: [
                {
                    fromField: "Valeur",
                    toField: "value1",
                    
                }
            ],
            dataProvider: [
                {
                    "date": "Tue Oct 15 2013 12:00:00 -0400",
                    "Valeur": "15.5841"
                },
                {
                    "date": "Tue Oct 15 2013 12:30:00 -0400",
                    "Valeur": "15.8941"
                },
                {
                    "date": "Tue Oct 15 2013 13:00:00 -0400",
                    "Valeur": "15.9187"
                },
                {
                    "date": "Tue Oct 15 2013 13:30:00 -0400",
                    "Valeur": "15.6"
                },
                {
                    "date": "Tue Oct 15 2013 14:00:00 -0400",
                    "Valeur": "14.977"
                },
                {
                    "date": "Tue Oct 15...