Your first Chart in 3 steps

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.

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>
<![endif]-->

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

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:

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

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.