title: Amcharts guides
body: <p>When I add the <code>guides</code> into <code>valueAxesSettings</code> but it doesn't work even I choose <code>valueAxesSettings</code> into <code>valueAxes</code>. 
  Furthermore, what the difference between <code>valueAxesSettings</code> and <code>valueAxes</code>, as the reference said <code>If you change a property after the chart is initialized, you should call stockChart.validateNow() method in order for it to work.</code>? what does it mean?</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;My first stock chart&lt;/title&gt;
  &lt;link rel="stylesheet" href="amcharts/style.css" type="text/css"&gt;
  
  &lt;script src="//www.amcharts.com/lib/3/amcharts.js"&gt;&lt;/script&gt;
  &lt;script src="//www.amcharts.com/lib/3/serial.js"&gt;&lt;/script&gt;
  &lt;script src="//www.amcharts.com/lib/3/themes/light.js"&gt;&lt;/script&gt;
  &lt;script src="//www.amcharts.com/lib/3/amstock.js"&gt;&lt;/script&gt;
  
  &lt;style&gt;
      #chartdiv {
          width: 100%;
          height: 500px;
          font-size: 11px;
      }
  &lt;/style&gt;
  
  &lt;script type="text/javascript"&gt;
          AmCharts.makeChart( "chartdiv", {
              "type": "stock",
              "dataDateFormat": "YYYY-MM-DD",
              "dataSets": [ {
                  "dataProvider": [ {
                      "date": "2011-06-01",
                      "val": 10
                  }, {
                      "date": "2011-06-02",
                      "val": 11
                  }, {
                      "date": "2011-06-03",
                      "val": 12
                  }, {
                      "date": "2011-06-04",
                      "val": 11
                  }, {
                      "date": "2011-06-05",
                      "val": 10
                  }, {
                      "date": "2011-06-06",
                      "val": 11
                  }, {
                      "date": "2011-06-07",
                      "val": 13
                  }, {
                      "date": "2011-06-08",
                      "val": 14
                  }, {
                      "date": "2011-06-09",
                      "val": 17
                  }, {
                      "date": "2011-06-10",
                      "val": 13
                  } ],
                  "fieldMappings": [ {
                      "fromField": "val",
                      "toField": "value"
                  } ],
                  "categoryField": "date"
              } ],
  
              "panels": [ {
  
                  "legend": {},
  
                  "stockGraphs": [ {
                      "id": "graph1",
                      "valueField": "value",
                      "type": "line",
                      "title": "MyGraph",
                      "fillAlphas": 0
                  } ]
              } ],
  
              "panelsSettings": {
                  "startDuration": 1
              },
  
              "categoryAxesSettings": {
                  "dashLength": 5
              },
  
              "valueAxesSettings": {
                  "dashLength": 13,
                  "guides": {
                      "value": 10,
                      "tovalue": 12,
                      "lineColor": "#CC0000",
                      "lineAlpha": 1,
                      "fillAlpha": 0.2,
                      "fillColor": "#CC0000",
                      "dashLength": 2,
                      "inside": true,
                  }
              },
  
              "chartScrollbarSettings": {
                  "graph": "graph1",
                  "graphType": "line",
                  "position": "bottom"
              },
  
              "chartCursorSettings": {
                  "valueBalloonsEnabled": true
              },
  
              "periodSelector": {
                  "periods": [ {
                      "period": "DD",
                      "count": 1,
                      "label": "1 day"
                  }, {
                      "period": "DD",
                      "selected": true,
                      "count": 5,
                      "label": "5 days"
                  }, {
                      "period": "MM",
                      "count": 1,
                      "label": "1 month"
                  }, {
                      "period": "YYYY",
                      "count": 1,
                      "label": "1 year"
                  }, {
                      "period": "YTD",
                      "label": "YTD"
                  }, {
                      "period": "MAX",
                      "label": "MAX"
                  } ]
              }
          } );
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="chartdiv"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>