क्या चार्ट में शीर्षक जोड़ना संभव है?

Question

मैं एक चार्ट में एक शीर्षक जोड़ना चाहता हूं, जैसे gauge example या एक पाई चार्ट में। मैं चार्ट के नीचे या उसके ऊपर एक शीर्षक प्रदर्शित करना चाहता हूं। क्या यह संभव है? मैं देख रहा हूं और इसके बारे में कुछ भी नहीं ढूंढ रहा हूं। यदि हां, तो साझा करने के लिए कोई सुझाव? यह इस

संपादित की तरह कुछ होगा: मैंने पाया पाठ स्प्राइट शीर्षक या Ex.draw पैकेज पर किसी भी लेबल के लिए बनाने के लिए एक संपत्ति है। लेकिन मुझे समझ में नहीं आया कि इसका उपयोग कैसे करें ..

कोई भी यहां ऐसा ही किया है?

Answer 1

चूंकि 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 
    }] 
}) 

Answer 2

बस अपने चार्ट को उस शीर्षक के साथ रखें जिसमें आपको आवश्यक शीर्षक है।

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

Answer 3

आप बस 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); 

आशा है कि यह मदद करता है।

Answer 4

हाँ आप Ext.chart.axis.Gauge का उपयोग कर सकते हैं। अंदर आइटम एक शीर्षक के साथ एक धुरी config डाल:

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

    ... 

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

Answer 5

मैं एक स्प्राइट का उपयोग नहीं के बाद से आप की संभावना शीर्षक केंद्रित चाहता हूँ सलाह देते हैं। स्प्राइट को केंद्रित करने के कुछ प्रयासों के साथ किया जा सकता है लेकिन मैं लेआउट सिस्टम का लाभ उठाने पर विचार करता हूं।

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