Chart (experimental) example

Multiple rows of data

Where more than one series is shown on a chart, do not hide the legend.

How it looks (preview)

Page views chart

Skip to "Page views chart" data table

View data as a table

	1st	2nd	3rd	4th	5th	6th	7th	8th	9th	10th
January 2015	5	119	74	82	27	45	11	21	67	43
January 2016	5	8	37	50	43	29	67	61	14	91
January 2017	31	81	12	15	52	61	143	27	18	34

How to call this example

<%= render "govuk_publishing_components/components/chart", {
  chart_heading: "Page views chart",
  h_axis_title: "Day",
  v_axis_title: "Views",
  chart_overview: "This chart shows page views for January in different years.",
  keys: [
    "1st",
    "2nd",
    "3rd",
    "4th",
    "5th",
    "6th",
    "7th",
    "8th",
    "9th",
    "10th"
  ],
  rows: [
    {
      label: "January 2015",
      values: [
        5,
        119,
        74,
        82,
        27,
        45,
        11,
        21,
        67,
        43
      ]
    },
    {
      label: "January 2016",
      values: [
        5,
        8,
        37,
        50,
        43,
        29,
        67,
        61,
        14,
        91
      ]
    },
    {
      label: "January 2017",
      values: [
        31,
        81,
        12,
        15,
        52,
        61,
        143,
        27,
        18,
        34
      ]
    }
  ]
} %>