Open Flash Chart 2

Lunedì 10 Maggio 2010 - 10:11

di napolux

GraficaAdobe World

Open Flash Chart 2 è la nuova versione di un componente Flash che permette di creare facilmente grafici interattivi nelle nostre pagine web basati su oggetti JSON.

Come funziona? Basta inserire il file SWF del componente all’interno della nostra pagina web e passare come parametro GET alla pagina il file JSON contenente i dati e la configurazione del nostro grafico.

Ecco un piccolo esempio, l’url della pagina potrebbe essere grafico.html?ofc=data.json, mentre il nostro file JSON conterrà i dati da mostrare:

{
  "title":{
    "text":  "Many data lines",
    "style": "{font-size: 20px; color:#0000ff; font-family: Verdana; text-align: center;}"
  },

  "y_legend":{
    "text": "Open Flash Chart",
    "style": "{color: #736AFF; font-size: 12px;}"
  },

  "elements":[
    {
      "type":      "bar",
      "alpha":     0.5,
      "colour":    "#9933CC",
      "text":      "Page views",
      "font-size": 10,
      "values" :   [9,6,7,9,5,7,6,9,7]
    },
    {
      "type":      "bar",
      "alpha":     0.5,
      "colour":    "#CC9933",
      "text":      "Page views 2",
      "font-size": 10,
      "values" :   [6,7,9,5,7,6,9,7,3]
    }
  ],

  "x_axis":{
    "stroke":1,
    "tick_height":10,
    "colour":"#d000d0",
    "grid_colour":"#00ff00",
    "labels": {
        "labels": ["January","February","March","April","May","June","July","August","September"]
    }
   },

  "y_axis":{
    "stroke":      4,
    "tick_length": 3,
    "colour":      "#d000d0",
    "grid_colour": "#00ff00",
    "offset":      0,
    "max":         20
  }
}

Il creatore di Open Flash Chart raccoglie sul suo sito una decina di librerie per linguaggi server (PHP, Python, Ruby, ecc…) utili alla creazione di files JSON con la sintassi sopra indicata.

Tags:

Categoria: Grafica, Adobe World | Permalink

Non ci sono ancora commenti a questo post

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento