title: Customize label in stacked column chart extjs
body: <p><img src="https://i.stack.imgur.com/JrK4c.png" alt="i make columns chart like this but "></p>
  
  <p>i make columns chart like this but this make mismatch when data are low, that time i need to display it ouside ot the chart
  like
  <img src="https://i.stack.imgur.com/VavDy.jpg" alt="enter image description here"></p>
  
  <p>is this possible to make outside label in extjs stacked columns chart..</p>
  
  <p>code is here</p>
  
  <pre><code>ar store = Ext.create('Ext.data.JsonStore', {
      fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
      data: [
          { 'name': 'metric one', 'data1': 4, 'data2': 12, 'data3': 14, 'data4': 8, 'data5': 13 },
          { 'name': 'metric two', 'data1': 7, 'data2': 8, 'data3': 16, 'data4': 10, 'data5': 3 },
          { 'name': 'metric three', 'data1': 5, 'data2': 2, 'data3': 14, 'data4': 12, 'data5': 7 },
          { 'name': 'metric four', 'data1': 2, 'data2': 14, 'data3': 6, 'data4': 1, 'data5': 4},
          { 'name': 'metric five', 'data1': 7, 'data2': 4, 'data3':4, 'data4': 13, 'data5': 4 }
      ]
  });
  
  Ext.create('Ext.chart.Chart', {
      renderTo: Ext.getBody(),
      width: 500,
      height: 300,
      animate: true,
      store: store,
      axes: [
          {
              type: 'Numeric',
              position: 'left',
              fields: ['data1', 'data2', 'data3'],
              label: {
                  renderer: Ext.util.Format.numberRenderer('0,0')
              },
              title: 'Sample Values',
              grid: true,
              minimum: 0
          },
          {
              type: 'Category',
              position: 'bottom',
              fields: ['name'],
              title: 'Sample Metrics'
          }
      ],
      series: [
          {
              type: 'column',
              axis: 'left',
              highlight: true,
  
              label: {
                  display: 'middle',
                  'text-anchor': 'middle',
                  field: ['data1', 'data2', 'data3'],
                  renderer: Ext.util.Format.numberRenderer('0'),
                  orientation: 'horizontal',
                  contrast: true,
                  color: '#333'
                  field: ['data1', 'data2', 'data3'],
  
  
              },
  stacked: true,
              xField: 'name',
              yField: ['data1', 'data2', 'data3']
          }
      ]
  });
  </code></pre>