title: set a symbol marker with highchart
body: <p>highchart has an option which will let me set a marker to certain value.</p>
  
  <p>highchart doc:</p>
  
  <pre><code>...
       data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, {
          y: 26.5,
          marker: {
             symbol: 'url(/demo/gfx/sun.png)'
          }
       }, 23.3, 18.3, 13.9, 9.6]
  ...
  </code></pre>
  
  <p>As you can see, the position 26.5 gains a png image as its marker.</p>
  
  <p>My question is: How can I set it to a certain value from my array?</p>
  
  <pre><code>$.getJSON('ajax/lineChart.ajax.php', function(data) {        
      $.each(data, function(key, value) {
          var series = { 
              data: [ {
                  y: 0,
                  marker: {
                      symbol: 'url(img/fail.png)'
                  }
              }], //data array for new series
              name: key,
              marker: {
                      symbol: 'square'
                  }
          }; 
          series.data = value;
          options.series.push(series); // &lt;-------- pushing series object
      });
      var chart = new Highcharts.Chart(options);  
  });
  </code></pre>
  
  <p>i tried this, but nothing appeared. The chart ran without the marker.</p>