可以在图表上添加标题吗？

如何解决可以在图表上添加标题吗？

| 我想在图表中添加标题，例如仪表示例或饼图。我想在图表下方或上方显示标题。这可能吗？我一直在寻找，对此一无所获。如果是这样，有什么分享技巧吗？  就像这样 编辑：我发现有一个属性可以为Ex.draw包中的标题或任何标签创建文本精灵。 但我不明白如何使用它。 这里的任何人都做同样的事情吗？     

解决方法

        由于Ext.chart.Chart是Ext.draw.Component，因此可以将sprites作为其项添加。尝试使用此：

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
   }]
})

    ,        您可以简单地将一个精灵添加到cart.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);

希望能帮助到你。     ,        只需将图表放在带有所需标题的面板中即可。

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

    ,        是的，您可以使用Ext.chart.axis.Gauge。内部项目中放置了带有标题的轴配置：

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

   ...

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

    ,        我建议不要使用Sprite，因为您可能希望标题居中。容器大小或文本长度的任何更改都不会自动处理，因为此处其他答案中描述的sprite方法都对位置进行了硬编码。可以将精灵居中进行一些工作，但我会考虑利用布局系统。这样，当页面调整大小时，页面内容可以自动很好地定位。

// 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
}];