SvgChart

SVG Chart library. Below you'll find the documentation. For examples see the examples page.

First create a SvgChart instance by setting a parent DOM element and a config object. Next display the chart by calling the chart() method with the data.

var chart = new SvgChart(document.getElementById(id), {
    chartType: 'line',
    dir: document.documentElement.getAttribute('dir') || 'ltr',
    title: 'My chart',
    minValue: 0,
    maxValue: 100,
    series: [
      {
        id: 'train',
        title: 'Train'
      },
      {
        id: 'car',
        title: 'Car'
      }
    ]
});
chart.chart({
  series: {
    train: [20, 50, 70],
    car: [30, 50, 60]
  },
  xAxis: {
    columns: ['mon', 'tue', 'wed']
  }
});

Configuration object

See for all possible values the Config object documentation.