Your first Chart in 3 steps

1. Add OLAPCharts to your Webserver

First of all, you have to download OLAPCharts and copy the folder “olapcharts” on your webserver. This folder contains all the files you need for your charts.

2. Include OLAPCharts into your website

Then include the javascript from the folder in your websize. Just put the following two lines into your HTML code (at best into the HEAD section):

<script language="javascript" type="text/javascript" src="/olapcharts/olapcharts.nocache.js"></script>
<!--[if lt IE 9]>
  <script language="javascript" type="text/javascript" src="/olapcharts/flashcanvas.js"></script>

The second script is optional and only needed if you want to offer support for older Browsers like IE6.

3. Add a chart with the <chart> tag

The simpliest way to add a chart to your site is to use the <chart> tag, with all data and configurations between the start and end tag. This example displays a simple bar chart:

  data: { dimensions: [[Mon, Tue, Wed, Thu, Fri, Sat, Sun]], values: [10,20,30,80,70,50,35] },
  type: bar, width: 500, height: 250

All the data between the <chart> and </chart> tags is encoded in the JSON format. To make it invisible for the user, it is commented out with the <!– –> tags.