documentation: Added missing examples

site/examples/example-bar-distributed-series.js

@@ -0,0 +1,6 @@
+new Chartist.Bar('.ct-chart', {
+  labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'],
+  series: [20, 60, 120, 200, 180, 20, 10]
+}, {
+  distributeSeries: true
+});

site/examples/example-line-series-override.js

@@ -0,0 +1,49 @@
+var chart = new Chartist.Line('.ct-chart', {
+  labels: ['1', '2', '3', '4', '5', '6', '7', '8'],
+  // Naming the series with the series object array notation
+  series: [{
+    name: 'series-1',
+    data: [5, 2, -4, 2, 0, -2, 5, -3]
+  }, {
+    name: 'series-2',
+    data: [4, 3, 5, 3, 1, 3, 6, 4]
+  }, {
+    name: 'series-3',
+    data: [2, 4, 3, 1, 4, 5, 3, 2]
+  }]
+}, {
+  fullWidth: true,
+  // Within the series options you can use the series names
+  // to specify configuration that will only be used for the
+  // specific series.
+  series: {
+    'series-1': {
+      lineSmooth: Chartist.Interpolation.step()
+    },
+    'series-2': {
+      lineSmooth: Chartist.Interpolation.simple(),
+      showArea: true
+    },
+    'series-3': {
+      showPoint: false
+    }
+  }
+}, [
+  // You can even use responsive configuration overrides to
+  // customize your series configuration even further!
+  ['screen and (max-width: 320px)', {
+    series: {
+      'series-1': {
+        lineSmooth: Chartist.Interpolation.none()
+      },
+      'series-2': {
+        lineSmooth: Chartist.Interpolation.none(),
+        showArea: false
+      },
+      'series-3': {
+        lineSmooth: Chartist.Interpolation.none(),
+        showPoint: true
+      }
+    }
+  }]
+]);