title: ExtJS4: Custom Scatter Type ( path type )
body: <p>How can I create custom scatter type in <strong>markerConfig</strong> config?</p>
  
  <p>For instance, this is the <strong>Circle</strong> scatter:</p>
  
  <pre><code>series: {
          type: 'scatter',
          xField: 'x',
          yField: 'y',
          markerConfig: {
                  type: 'circle',
                  fill: '#000',
                  radius: 5
          }
  }
  </code></pre>
  
  <p>I need <strong>Triangle</strong> scatter. So, When I use code below:</p>
  
  <pre><code>markerConfig: {
          type: 'path',
          fill: '#000',
          path: [M,100,100,L,300,100,L,200,300,z]
  }
  </code></pre>
  
  <p>I got this error:</p>
  
  <pre><code>Error: M is not defined
  </code></pre>
  
  <p>Or with path: [100,100,300,100,200,300]</p>
  
  <pre><code>Error: Ext.chart.Shape[type] is not a function
  </code></pre>
  
  <p>Sample <strong>SVG Triangle</strong> is here:
  <a href="http://www.w3.org/TR/SVG/paths.html#PathData" rel="nofollow">http://www.w3.org/TR/SVG/paths.html#PathData</a></p>
  
  <p>Thank you in Advance</p>