tabler/pages/_data/charts.yml

total-sales:
  type: donut
  sparkline: true
  hide-legend: true
  series:
    - name: Direct
      color: blue
      data: 44
    - name: Affilliate
      color: green
      data: 55
    - name: Sponsored
      color: red
      data: 35
    - name: E-mail
      color: yellow
      data: 12

total-sales2:
  type: radalBar
  sparkline: true
  hide-legend: true
  series:
    - name: Direct
      color: blue
      data: 44
    - name: Affilliate
      color: green
      data: 55
    - name: Sponsored
      color: red
      data: 35
    - name: E-mail
      color: yellow
      data: 12

tasks:
  name: Tasks
  type: line
  categories: ['M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W', 'T', 'F', 'S', 'S', 'M', 'T', 'W']
  groups: [1, 2, 3]
  hide-points: true
  fill: true
  remove-padding: true
  hide-tooltip: true
  legend-position: 'top'
  series:
    - name: 'New'
      color: blue
      data: [0, 0, 1, 2, 21, 9, 12, 10, 31, 13, 65, 10, 12, 6, 4, 3, 0]
    - name: 'Completed'
      color: lime
      data: [0, 0, 1, 2, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 2, 2, 0]
    - name: 'Closed'
      color: orange
      data: [0, 0, 1, 0, 2, 0, 1, 0, 2, 3, 0, 2, 3, 2, 1, 0, 0]

development-activity:
  name: Development Activity
  title: Development Activity
  type: area
  groups: [1, 2, 3]
  hide-points: true
  remove-padding: true
  legend-position: 'top'
  sparkline: true
  days-labels-count: 30
  series:
    - name: 'Purchases'
      color: blue
      data: [3, 5, 4, 6, 7, 5, 6, 8, 24, 7, 12, 5, 6, 3, 8, 4, 14, 30, 17, 19, 15, 14, 25, 32, 40, 55, 60, 48, 52, 70]

line:
  name: Employment Growth
  display: true
  type: line
  show-grid: true
  categories: ['2013', '2014', '2015', '2016', '2017', '2018']
  series:
    - name: Development
      color: orange
      data: [2, 8, 6, 7, 14, 11]
    - name: Marketing
      color: blue
      data: [5, 15, 11, 15, 21, 25]
    - name: Sales
      color: green
      data: [17, 18, 21, 20, 30, 29]

line-stroke:
  name: Line chart
  display: true
  type: line
  stroke-curve: straight
  hide-legend: true
  show-grid: true
  categories: ['2013', '2014', '2015', '2016', '2017', '2018', '2019']
  series:
    - name: Development
      color: orange
      data: [8, 10, 11, 12, 20, 27, 30]
    - name: Marketing
      color: blue
      data: [3, 16, 17, 19, 20, 30, 30]
    - name: Sales
      color: green
      data: [7, 10, 11, 18, 18, 18, 24]

stepline:
  name: Stepline
  display: true
  type: line
  hide-legend: true
  stroke-curve: stepline
  show-grid: true
  series:
    - name: Development
      color: orange
      data: [34, 44, 54, 21, 12, 43, 33, 23, 66, 66, 58]

temperature:
  name: Monthly Average Temperature
  display: true
  type: line
  show-labels: true
  show-data-labels: true
  show-markers: true
  hide-legend: true
  show-grid: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  series:
    - name: Tokyo
      color: blue
      data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
    - name: London
      color: green
      data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]


area:
  name: Lorem ipsum
  display: true
  type: area
  hide-legend: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Maximum
      color: blue
      data: [11, 8, 15, 18, 19, 17]
    - name: Minimum
      color: pink
      data: [7, 7, 5, 7, 9, 12]


area-spline:
  name: Lorem ipsum
  display: true
  type: area
  spline: true
  hide-legend: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Maximum
      color: blue
      data: [11, 8, 15, 18, 19, 17]
    - name: Minimum
      color: pink
      data: [7, 7, 5, 7, 9, 12]


area-spline-stacked:
  name: Lorem ipsum
  display: true
  type: area
  spline: true
  hide-legend: true
  stacked: true
#  groups: [1, 2]
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Maximum
      color: blue
      data: [11, 8, 15, 18, 19, 17]
    - name: Minimum
      color: pink
      data: [7, 7, 5, 7, 9, 12]


spline:
  name: Wind speed during two days
  display: true
  type: line
  spline: true
  show-labels: true
  hide-legend: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Hestavollane
      color: blue
      data: [0.2, 0.8, 0.8, 0.8, 1, 1.3, 1.5, 2.9, 1.9, 2.6, 1.6, 3, 4, 3.6, 4.5, 4.2, 4.5, 4.5, 4, 3.1, 2.7, 4, 2.7, 2.3, 2.3, 4.1, 7.7, 7.1, 5.6, 6.1, 5.8, 8.6, 7.2, 9, 10.9, 11.5, 11.6, 11.1, 12, 12.3, 10.7, 9.4, 9.8, 9.6, 9.8, 9.5, 8.5, 7.4, 7.6]
    - name: Vik
      color: green
      data: [0, 0, 0.6, 0.9, 0.8, 0.2, 0, 0, 0, 0.1, 0.6, 0.7, 0.8, 0.6, 0.2, 0, 0.1, 0.3, 0.3, 0, 0.1, 0, 0, 0, 0.2, 0.1, 0, 0.3, 0, 0.1, 0.2, 0.1, 0.3, 0.3, 0, 3.1, 3.1, 2.5, 1.5, 1.9, 2.1, 1, 2.3, 1.9, 1.2, 0.7, 1.3, 0.4, 0.3]


spline-rotated:
  name: Lorem ipsum
  display: true
  type: line
  spline: true
  rotated: true
  hide-legend: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Maximum
      color: blue
      data: [11, 8, 15, 18, 19, 17]
    - name: Minimum
      color: pink
      data: [7, 7, 5, 7, 9, 12]


bar:
  name: Lorem ipsum
  display: true
  type: bar
  hide-legend: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Maximum
      color: blue
      data: [11, 8, 15, 18, 19, 17]
    - name: Minimum
      color: pink
      data: [7, 7, 5, 7, 9, 12]

bar-rotated:
  name: Lorem ipsum
  display: true
  type: bar
  rotated: true
  hide-legend: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Maximum
      color: blue
      data: [11, 8, 15, 18, 19, 17]
    - name: Minimum
      color: pink
      data: [7, 7, 5, 7, 9, 12]


bar-stacked:
  name: Lorem ipsum
  display: true
  type: bar
  stacked: true
#  groups: [1, 2]
  hide-legend: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Maximum
      color: blue
      data: [11, 8, 15, 18, 19, 17]
    - name: Minimum
      color: pink
      data: [7, 7, 5, 7, 9, 12]


pie:
  name: Lorem ipsum
  display: true
  type: pie
  hide-legend: true
  show-data-labels: true
  sparkline: true
  series:
    - name: A
      color: blue-darker
      data: 63
    - name: B
      color: blue
      data: 44
    - name: C
      color: blue-light
      data: 12
    - name: D
      color: blue-lighter
      data: 14

donut:
  name: Lorem ipsum
  display: true
  type: donut
  sparkline: true
  hide-legend: true
  series:
    - name: Maximum
      color: green
      data: 63
    - name: Minimum
      color: green-light
      data: 37


scatter:
  name: Lorem ipsum
  display: true
  type: scatter
  hide-legend: true
  categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
  series:
    - name: Maximum
      color: blue
      data: [11, 8, 15, 18, 19, 17]
    - name: Minimum
      color: pink
      data: [7, 7, 5, 7, 9, 12]


combination:
  name: Combination chart
  display: true
  type: bar
  types:
    2: 'line'
    3: 'spline'
  groups: [1, 4]
  hide-legend: true
  categories: ['2013', '2014', '2015', '2016', '2017', '2018']
  series:
    - name: Development
      color: green
      data: [30, 20, 50, 40, 60, 50]
    - name: Marketing
      color: pink
      data: [200, 130, 90, 240, 130, 220]
    - name: Sales
      color: green
      data: [300, 200, 160, 400, 250, 250]
    - name: Sales
      color: blue
      data: [200, 130, 90, 240, 130, 220]

revenue-bg:
  type: area
  days-labels-count: 30
  sparkline: true
  series:
    - name: Profits
      data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]

new-clients:
  type: line
  days-labels-count: 30
  sparkline: true
  dashed-history: true
  hide-legend: true
  series:
    - name: May
      color: blue
      data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 4, 46, 39, 62, 51, 35, 41, 67]
    - name: April
      color: gray
      data: [93, 54, 51, 24, 35, 35, 31, 67, 19, 43, 28, 36, 62, 61, 27, 39, 35, 41, 27, 35, 51, 46, 62, 37, 44, 53, 41, 65, 39, 37]

active-users:
  type: bar
  days-labels-count: 30
  sparkline: true
  series:
    - name: Profits
      data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]

goals:
  type: area
  days-labels-count: 30
  sparkline: true
  series:
    - name: Profits
      data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]

traffic-in:
  type: bar
  days-labels-count: 10
  sparkline: true
  series:
    - name: Inbound
      color: azure
      data: [14, 3, 14, 9, 4, 6, 2, 7, 7, 14, 10, 9, 5, 1]

traffic-out:
  type: bar
  days-labels-count: 10
  sparkline: true
  series:
    - name: Outbound
      color: red
      data: [3, 9, 7, 14, 4, 5, 9, 1, 7, 10, 14, 14, 2, 6]

usd-eur:
  type: line
  days-labels-count: 30
  auto-min: true
  stroke-curve: straight
  series:
    - name: USD/EUR
      color: black
      data: [1.1241, 1.0972, 1.0601, 1.0516, 1.2795, 1.0573, 1.065, 1.1892, 1.1243, 1.1421, 1.1835, 1.1917, 1.1811, 1.1649, 1.1888, 1.1995, 1.2412, 1.2193, 1.2325, 1.2077, 1.1692, 1.168, 1.1686, 1.1601, 1.1608, 1.1317, 1.0318, 1.1465, 1.1444]

devices:
  type: donut
  sparkline: true
  hide-legend: true
  series:
    - name: a
      color: blue-dark
      data: 23
    - name: b
      color: blue
      data: 54
    - name: c
      color: blue-light
      data: 34