Extjs 可以给图表添加标题吗？

我想给图表添加一个标题，如在图表或饼图中。我想在图表下方或上方显示标题。这可能吗？我一直在找，找不到关于这个的任何东西。如果是，有什么建议可以分享吗？ 应该是这样的

编辑：我发现在Ex.draw包中有一个属性可以为标题或任何标签创建文本精灵。 但是我不知道怎么用它

---

这里有人也这么做了吗？

只要把你的图表放在一个有你需要的标题的面板里就行了

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

---

您只需将精灵添加到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.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
   }]
})

是的，你可以用它。在项目内部放置一个带有标题的轴配置：

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

   ...

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

---

我建议不要使用精灵，因为你可能希望标题居中。对容器大小或文本长度的任何更改都不会自动处理，因为此处的其他答案中描述的精灵都会对位置进行硬编码。用精灵来定心可以做一些努力，但我会考虑利用布局系统。这样，当页面调整大小时，页面内容可以自动准确定位

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

---

你能不能给图表一个

标题
属性？或者这不是你想要的吗？我试着添加
标题：“我的标题”
，但不起作用：（C看来哈特没有标题属性不是我的意思，不是面板标题，而是在面板的正上方或下方，因为在一个面板中，我可以有几个图表，就像我在问题中提到的仪表示例中那样，我想为每个面板加上一个标题。汉克，我试过了，我不知道peError:无法调用
chart.surface.add（sprite）上未定义的方法“add”
在您尝试添加精灵之前，图表的renderTo是否已设置？否。事实上，我不使用render to，我只在需要时在视口中调用我的图表。恐怕这就是问题所在。您可以尝试使用renderTo设置吗？据我所知，是的。没有曲面，因此您无法添加任何内容。但我可能错了。我没有构建E非常感谢，这对我帮助很大，但我想知道你是否知道如何使x和y动态，例如锚定，因此当我们更改面板/窗口的大小时，它们也会随之移动。你明白了吗？如果需要解释更多，请告诉我注意：对于Ext JS 5，只需将
items
配置属性重命名为
sprites
。