line-single.html

22 lines | 692 B Blame History Raw Download
<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 singleLineChartConfig = c3ChartDefaults.getDefaultSingleLineConfig();
  singleLineChartConfig.bindto = '#{{include.id}}';
  singleLineChartConfig.data = {
    columns: singleLineChartDataColumns,
    type: 'line'
  };
  var singleLineChart = c3.generate(singleLineChartConfig);
</script>