是否可以为图表添加标题？

Question

我想在图表中添加标题,例如在仪表示例或饼图中.我想在图表下方或顶部显示标题.这可能吗？我一直在寻找并且找不到任何关于此的信息.如果是这样,任何提示要分享？它会是这样的

编辑:我发现有一个属性可以为 Ex.draw包中的标题或任何标签创建文本精灵.但我无法理解如何使用它..

anybdy在这里做了同样的事情吗？

Answer 1

由于Ext.chart.Chart是一个Ext.draw.Component,您可以添加精灵作为它的项目.试着用这个:

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

Answer 2

您只需将一个精灵添加到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);

希望能帮助到你.