replaced toy exponential example with real dataset

Author: michaelbabyn

_posts/plotly_js/layout/axes/2015-04-09-axes-labels.html

@@ -1,26 +1,38 @@
 ---
 name: Set and Style Axes Title Labels and Ticks
-plot_url: https://codepen.io/plotly/embed/4fc1a99f9b12b436dec0a0663a9cd323/?height=486&theme-id=15263&default-tab=result
+plot_url: https://codepen.io/michaelbabyn/embed/KBMmov/?height=500&theme-id=15263&default-tab=result
 language: plotly_js
 suite: axes
 order: 0
 sitemap: false
 arrangement: horizontal
 ---
-var x = [0, 1, 2, 3, 4, 5, 6, 7, 8];
-var maxX = Math.max(...x);
-var trace1 = {
-  x: x,
-  y: x.map(x => maxX-x).map(x => x*1E10),
-  type: 'scatter'
-};
-var trace2 = {
-  x: x,
-  y: x.map(x => x*1E10),
-  type: 'scatter'
-};
-var data = [trace1, trace2];
-var layout = {
+
+
+
+
+Plotly.d3.csv("https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv", function(err, rows){
+
+  function unpack(rows, key) {
+  return rows.map(function(row) { return row[key]; });
+}
+
+  var x = unpack(rows, 'Date')
+  var y = unpack(rows, 'AAPL.Volume')
+  
+ 
+  var trace = {
+    type: "scatter",
+    mode: "lines",
+    name: 'AAPL Volume',
+    x: x,
+    y: y,
+    line: {color: 'grey'}
+  }
+
+  var data = [trace]; 
+  var layout = {
+  title: 'Volume of Apple Shares Traded',
   xaxis: {
     title: 'AXIS TITLE',
     titlefont: {
@@ -56,4 +68,6 @@
     showexponent: 'all'
   }
 };
+
 Plotly.newPlot('myDiv', data, layout);
+})