Est-il possible d'ajouter un titre aux graphiques?

Je veux ajouter un titre à un tableau, comme dans le jauge exemple ou un graphique en secteurs. Je veux afficher un titre sous ou sur le dessus du graphique. Est-ce possible? J'ai été à la recherche et ne trouve rien à ce sujet. si donc , une astuce à partager?
il serait quelque chose comme ceci Est-il possible d'ajouter un titre aux graphiques?

MODIFIER: j'ai trouvé il y a une propriété pour créer texte sprites pour le titre ou toutes les étiquettes à la Ex.tirage paquet.
mais je ne pourrais pas comprendre comment l'utiliser..

anybdy ici ont fait de même?

source d'informationauteur Armance | 2011-06-16

  1. 14

    Depuis Ext.le graphique.Graphique est un Ext.tirage au sort.Composant, vous pouvez ajouter des images-objets comme des envois de. Essayez d'utiliser ceci:

    Ext.create('Ext.chart.Chart', {
   default chart settings here

   ...

   items: [{
      type  : 'text',
      text  : 'Simple Title',
      font  : '14px Arial',
      width : 100,
      height: 30,
      x : 50, //the sprite x position
      y : 10  //the sprite y position
   }]
})
  2. 5

    Vous pouvez simplement ajouter un sprite dans le panier.surface:

    var chart = Ext.create('Ext.chart.Chart', {
    ... default chart settings here ...
});
var sprite = Ext.create('Ext.draw.Sprite', {
    type: 'text',
    surface: chart.surface,
    text: 'Simple text',
    font: '12px Arial',
    x: 50,
    y: 0,
    width: 100,
    height: 100 
});
sprite.show(true);
chart.surface.add(sprite);

    Espère que cela aide.

  3. 0

    Il suffit de mettre votre graphique à l'intérieur d'un panneau avec le titre que vous avez besoin.

    Ext.create('Ext.panel.Panel', {
    title: 'My Title',
    layout: 'fit',
    items: yourChart
});
  4. 0

    Oui, vous pouvez à l'aide de Ext.le graphique.de l'axe.Jauge. À l'intérieur des éléments de mettre un axe config avec un titre:

    Ext.create('Ext.chart.Chart', {
   default chart settings here

   ...

   items: [{
                axes: [
                    {
                        position: 'gauge',
                        type: 'Gauge',
                        title: 'Net Pips',
                        maximum: 500,
                        minimum: 0
                    }
                ]
   }]
})
  5. 0

    J'avais recommandé de ne pas utiliser un sprite, puisque vous aurez probablement souhaitez le titre centré. Centrage de la sprite peut être fait avec un peu d'effort, mais je voudrais examiner l'effet de levier le système de mise en page.

    //Use a vbox layout with whatever options you need
layout: {
    type: 'vbox',
    align: 'center'
},
items: [{
    type: 'container',
    html: 'My Title'
},{
    type: 'chart',
    flex: 1,
    //...etc
}];