<c3 width=100% height=400px>

  data: {
  	x: 'x',
      columns: [
      ['x',1986,1988,1990,1992,1994,1996,1998,2000,2002,2004,2006,2008,2010,2012,2013,2014,2015,2016,2017],
      ['C1-Damen',0,0,0,0,0,0,0,0,0,0,0,0,19,18,29,13,28,37,38],
      ['K1-Damen',29,36,44,30,28,44,39,46,54,43,56,51,62,38,61,33,41,54,58],
      ['C1-Herren',22,25,33,32,33,41,39,38,55,43,53,52,53,35,66,34,40,57,50],
      ['C2-Herren',0,11,15,13,15,19,15,21,25,0,25,28,26,21,31,10,14,16,0],
      ['K1-Herren',53,52,59,52,59,67,85,73,102,77,87,81,74,48,82,51,62,80,80]

      ],
       types: {
           C1-Damen: 'area',
           K1-Damen: 'area',
           C1-Herren: 'area',
           C2-Herren: 'area',
           K1-Herren: 'area',
      },
       groups: [['C1-Damen','K1-Damen','C1-Herren','C2-Herren','K1-Herren']],
       axis: {
       x: {
           type: 'category',
          categories: ['1986','1988','1990','1992','1994','1996','1998','2000','2002','2004','2006','2008','2010','2012','2013','2014','2015','2016','2017',]
      }
  }
  }

</c3>

<c3 width=100% height=400px>

  data: {
  	x: 'x',
      columns: [
      ['x',1990,1992,1994,1996,1998,2000,2002,2004,2006,2008,2010,2012,2013,2014,2015,2016,2017],
      ['C1-Damen',0,0,0,0,0,0,0,0,0,0,0,0,6,0,0,7,9],
      ['K1-Damen',11,8,7,11,7,10,14,10,14,9,15,9,14,6,10,12,14],
      ['C1-Herren',10,9,9,11,10,8,12,10,13,12,11,9,17,6,9,13,11],
      ['C2-Herren',0,0,0,6,0,5,5,0,6,7,6,0,8,0,0,0,0],
      ['K1-Herren',18,13,16,20,18,18,24,21,23,23,21,13,20,11,15,22,19]

      ],
       types: {
           C1-Damen: 'area',
           K1-Damen: 'area',
           C1-Herren: 'area',
           C2-Herren: 'area',
           K1-Herren: 'area',
      },
       groups: [['C1-Damen','K1-Damen','C1-Herren','C2-Herren','K1-Herren']],
       axis: {
       x: {
           type: 'category',
          categories: ['1990','1992','1994','1996','1998','2000','2002','2004','2006','2008','2010','2012','2013','2014','2015','2016','2017',]
      }
  }
  }

</c3>