Thank you for reporting this bug. We will make it our priority to review this report.
-
Sencha Premium Member
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
-
Currently no way to easily do this.
-
Sencha User
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
-
Sencha Premium User
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
-
Sencha Premium Member
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?
-
Sencha Premium User
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',
minimum: 0,
position: 'left',
fields: [_('Rainfall'), _('Evaporation'), _('MinTemp'), _('MaxTemp')],
-
Sencha Premium Member
-
Sencha User
Try this
I found this example for ExtJs4, but works for touch charts.
series: [{
yField: ['data1', 'data2'],
title: ['Title 1', 'Title 2']
}]