.ct-chart.line-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',
    plugins: [
      Chartist.plugins.legend({
        legendNames: #{{names}}
      })
    ]
  }
);