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

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

没有找到相关结果

    已邀请:

    栖很钾是狠

            由于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
   }]
})
        
    2020-02-10 0 0
    分享

    哩翔购

            您可以简单地将一个精灵添加到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);
    希望能帮助到你。     
    2020-02-10 0 0
    分享

    哭木算

            只需将图表放在带有所需标题的面板中即可。 
    Ext.create(\'Ext.panel.Panel\', {
    title: \'My Title\',
    layout: \'fit\',
    items: yourChart
});
        
    2020-02-10 0 0
    分享

    盛梯獭八搽

            是的，您可以使用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
                    }
                ]
   }]
})
        
    2020-02-10 0 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
}];
        
    2020-02-10 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册