Webtools showcase

Home / charts / 01 introduction / 01 basic structure

Switch to

<script type="application/json">{
  "service": "chart",
  "version": "2.0",
  "data": {
    "title": {
      "text": "Air transport of passengers"
    },
    "subtitle": {
      "text": "By number of passengers"
    },
    "xAxis": {
      "categories": [
        2007,
        2008,
        2009,
        2010,
        2011,
        2012,
        2013,
        2014,
        2015,
        2016,
        2017,
        2018
      ],
      "labels": {
        "enabled": true
      }
    },
    "series": [
      {
        "type": "line",
        "animation": false,
        "data": [
          3155771,
          3687329,
          4062704,
          4655898,
          5098360,
          4754530,
          4782257,
          4802282,
          5145856,
          5384160,
          6077854,
          7037081
        ],
        "name": "Latvia"
      }
    ]
  }
}</script>
This is the basic structure of the chart, it includes:
  • title (parameter data.title and data.subtitle)
  • horizontal axis (parameter data.xAxis)
  • first series (parameter data.series)
Create a temporary wcloud widget