source: sipes/libraries/Highcharts-4.0.4/examples/area-inverted/index.htm @ 307d09d

stableversion-3.0
Last change on this file since 307d09d was 307d09d, checked in by José Gregorio Puentes <jpuentes@…>, 8 años ago

se agregaron las librerias
  • Propiedad mode establecida a 100644
File size: 2.0 KB
Línea 
1<!DOCTYPE HTML>
2<html>
3        <head>
4                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5                <title>Highcharts Example</title>
6
7                <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
8                <style type="text/css">
9${demo.css}
10                </style>
11                <script type="text/javascript">
12$(function () {
13    $('#container').highcharts({
14        chart: {
15            type: 'area',
16            inverted: true
17        },
18        title: {
19            text: 'Average fruit consumption during one week'
20        },
21        subtitle: {
22            style: {
23                position: 'absolute',
24                right: '0px',
25                bottom: '10px'
26            }
27        },
28        legend: {
29            layout: 'vertical',
30            align: 'right',
31            verticalAlign: 'top',
32            x: -150,
33            y: 100,
34            floating: true,
35            borderWidth: 1,
36            backgroundColor: (Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'
37        },
38        xAxis: {
39            categories: [
40                'Monday',
41                'Tuesday',
42                'Wednesday',
43                'Thursday',
44                'Friday',
45                'Saturday',
46                'Sunday'
47            ]
48        },
49        yAxis: {
50            title: {
51                text: 'Number of units'
52            },
53            labels: {
54                formatter: function () {
55                    return this.value;
56                }
57            },
58            min: 0
59        },
60        plotOptions: {
61            area: {
62                fillOpacity: 0.5
63            }
64        },
65        series: [{
66            name: 'John',
67            data: [3, 4, 3, 5, 4, 10, 12]
68        }, {
69            name: 'Jane',
70            data: [1, 3, 4, 3, 3, 5, 4]
71        }]
72    });
73});
74                </script>
75        </head>
76        <body>
77<script src="../../js/highcharts.js"></script>
78<script src="../../js/modules/exporting.js"></script>
79
80<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
81
82        </body>
83</html>
Nota: Vea TracBrowser para ayuda de uso del navegador del repositorio.