Hybrid View

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    5
    Vote Rating
    0
    aviadisr is on a distinguished road

      0  

    Question Unanswered: Column Chart - how to customize legend text

    Unanswered: Column Chart - how to customize legend text


    Hi,

    I need to customize the legend text in a column chart and could not find the way to do it.
    Tried to add renderer, legendRenderer to the legend but nothing works.

    Any help would be appreciated.

    10x,
    Aviad

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,801
    Answers
    3467
    Vote Rating
    834
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Currently no way to easily do this.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jul 2011
    Posts
    12
    Vote Rating
    0
    Cangot is on a distinguished road

      0  

    Default


    Hi,

    I needed to customize axis title and for that I had to create my own chart theme. I guess you wil have to do the same for legend.

    You will have to create your own file_MyTheme.scss and use the cmd "build-touch-charts.sh/.bat", as described here : http://docs.sencha.com/touch-charts/1-0/#!/guide/touch_charts_styling

    Take a look at that file if you decide to create your theme :
    touch-charts\resources\themes\stylesheets\touch-charts\default\_legend.scss

  4. #4
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Perth, Western Australia
    Posts
    73
    Vote Rating
    0
    fairport is on a distinguished road

      0  

    Default


    Are you referring to the way Sencha uses the data model field names as labels?
    In our case, we're using SQLite as the data source so it was a simple matter of using field aliases in our SELECT SQL statements to get user friendly display names.
    We also needed to make those names react to the on-the-fly language change system .. which we found we could

  5. #5
    Sencha Premium Member
    Join Date
    Oct 2011
    Posts
    5
    Vote Rating
    0
    aviadisr is on a distinguished road

      0  

    Default


    Hi,

    Yes, I exactly mean that. I did workaround it by changing the field names.
    How did you make those names react to the 'on-the-fly language change system'? Do you mean you did it by changing the aliases on the SQL?

  6. #6
    Touch Premium Member
    Join Date
    Jun 2011
    Location
    Perth, Western Australia
    Posts
    73
    Vote Rating
    0
    fairport is on a distinguished road

      0  

    Default


    We have built an on-the-fly language changing system, using a JSON array of translations... called by a function called "_ ". We load the array before the models & proxies are loaded.

    This all works well...

    E.g. Model
    PHP Code:
    Ext.regModel('weatherGraphModel', {
        
    fields: [
            {
    name 'TheDate'     type 'datetime'},
            {
    name _('Rainfall')     , type 'float'},
            {
    name _('Evaporation')     , type 'float'},
            {
    name _('MinTemp')     , type 'float'},
            {
    name _('MaxTemp')     , type 'float'},
            {
    name _('MinHumidity')     , type 'float'},
            {
    name _('MaxHumidity')     , type 'float'},
            {
    name _('MaxTempHumidity')     , type 'float'}  
        ],
        
    proxy: {
            
    type"graphProxy"
        
    }
    }); 
    Proxy - SQL

    PHP Code:
                sql 'SELECT TheDate, '+
                
    'Rainfall AS '+_('Rainfall')+
                
    ', Evaporation AS '+_('Evaporation')+
                
    ', MinTemp AS '+_('MinTemp')+
                
    ', MaxTemp AS '+_('MaxTemp')+
                
    ', MinHumidity AS '+_('MinHumidity')+
                
    ', MaxHumidity AS '+_('MaxHumidity')+
                
    ', MaxTempHumidity AS '+_('MaxTempHumidity'); 
    Example of Code in Chart JS

    PHP Code:
        axes: [{
            
    type'Numeric',
            
    minimum0,
            
    position'left',
            
    fields: [_('Rainfall'), _('Evaporation'), _('MinTemp'), _('MaxTemp')], 

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi