<div id="chart-container">FusionCharts will render here</div>
<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.19.0-dev/fusioncharts.js"></script>
<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.19.0-dev/themes/fusioncharts.theme.candy.js"></script>

FusionCharts.ready(function () {
  var visitChart = new FusionCharts({
    type: "msline",
    renderAt: "chart-container",
    width: "700",
    height: "400",
    dataFormat: "json",
    dataSource: {
      chart: {
        theme: "candy",
        caption: "Number of visitors last week",
        subCaption: "Bakersfield Central vs Los Angeles Topanga",
        xAxisName: "Day",
        showValues: 1,
        cleanDataPoints: {
          groupingValues: 1,
          bgGroupColor: "#f6ff33",
          bgGroupPadding: 2,
          bgGroupOpacity: 0.2,
          singleGroupVal: 0
        }
      },
      categories: [
        {
          category: [
            {
              label: "Mon"
            },
            {
              label: "Tue"
            },
            {
              label: "Wed"
            },
            {
              vline: "true",
              lineposition: "0",
              color: "#62B58F",
              labelHAlign: "center",
              labelPosition: "0",
              label: "National holiday",
              dashed: "1"
            },
            {
              label: "Thu"
            },
            {
              label: "Fri"
            },
            {
              label: "Sat"
            },
            {
              label: "Sun"
            }
          ]
        }
      ],
      dataset: [
        {
          seriesname: "Bakersfield Central",
          data: [
            {
              value: "15123"
            },
            {
              value: "14233",
              valuePosition: "above"
            },
            {
              value: "25507"
            },
            {
              value: "9110"
            },
            {
              value: "15529"
            },
            {
              value: "20803"
            },
            {
              value: "19202"
            }
          ]
        },
        {
          seriesname: "Los Angeles Topanga",
          valuePosition: "below",
          data: [
            {
              value: "13400"
            },
            {
              value: "12800"
            },
            {
              value: "22800"
            },
            {
              value: "12400",
              valuePosition: "above"
            },
            {
              value: "15800"
            },
            {
              value: "19800"
            },
            {
              value: "21800",
              valuePosition: "above"
            }
          ]
        },
        {
          seriesname: "Los Vegas",
          valuePosition: "below",
          data: [
            {
              value: "14000"
            },
            {
              value: "14800"
            },
            {
              value: "22800"
            },
            {
              value: "14400",
              valuePosition: "above"
            },
            {
              value: "15700"
            },
            {
              value: "20800"
            },
            {
              value: "21900",
              valuePosition: "above"
            }
          ]
        }
      ]
    }
  }).render();
});