spline-single.html

<div id="{{include.id}}" class="line-chart-pf"></div>
<script>
  var lineChartDataColumns = [
    ['data1', 30, 200, 100, 400, 150, 250],
    ['data2', 50, 220, 310, 240, 115, 25],
    ['data3', 70, 100, 390, 295, 170, 220],
    ['data4', 10, 340, 30, 290, 35, 20],
    ['data5', 90, 150, 160, 165, 180, 5]
  ];
  var singleLineChartDataColumns = [
    ['data1', 30, 200, 100, 400, 150, 250]
  ];

  var singleSplineChartConfig = c3ChartDefaults.getDefaultSingleLineConfig();
  singleSplineChartConfig.bindto = '#{{include.id}}';
  singleSplineChartConfig.data = {
    columns: singleLineChartDataColumns,
    type: 'spline'
  };
  var singleSplineChart = c3.generate(singleSplineChartConfig);
</script>