.ct-chart id="#{id}"

.table-responsive.chart-table
  table.table.table-striped
    tbody
      tr
        th Serie
        -for label in labels
          th #{label}
      -for serie in series
        tr
          th #{names[series.index(serie)]}
          -for element in serie
            td #{element}

javascript:
  var labels = #{{labels}};
  var series = #{{series}};

  new Chartist.Line("##{id}", {
      labels: labels,
      series: series
    }, {
      fullWidth: true,
      chartPadding: {
        right: 40
      },
      height: '300px',
      showLabel: true
    }
  );

css:
  .chart-table table {
    font-size: 11px;
  }