anwyn
25 Oct 2012, 4:44 AM
REQUIRED INFORMATION Ext version tested:
ST 2.1.0-rc2
Browser versions tested against:
Google Chrome
Safari (mobile, iPad iOS 5)
DOCTYPE tested against:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Description:
Clicking on the legend items in a radar chart does not toggle visibility of the corresponding radar surface. The legend item is always black and does not assume the color of the surface.
Steps to reproduce the problem:
In the ST 2.1.0 rc2 documentation extend the example of Ext.chart.series.Radar with
legend: { position: 'top' }, .
Click on legend item, corresponding surface does not vanish.
The result that was expected:
radar surface visibility changes
The result that occurs instead:
nothing
Test Case:
var store = new Ext.data.JsonStore({
fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
data: [
{'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
{'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
{'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
{'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
{'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}
]
});
var chart = new Ext.chart.PolarChart({
legend: {position: 'top'},
animate: true,
interactions: ['rotate'],
store: store,
series: [{
type: 'radar',
xField: 'name',
yField: 'data4',
style: {
fillStyle: 'rgba(0, 0, 255, 0.1)',
strokeStyle: 'rgba(0, 0, 0, 0.8)',
lineWidth: 1
}
}],
axes: [
{
type: 'numeric',
position: 'radial',
fields: 'data4'
},
{
type: 'category',
position: 'angular',
fields: 'name'
}
]
});
Ext.Viewport.setLayout('fit');
Ext.Viewport.add(chart);
INFORMATION
Debugging already done:
none
Possible fix:
not provided
Additional CSS used:
only default ext-all.css
Operating System:
Linux
Win 7
iOS 5/6
ST 2.1.0-rc2
Browser versions tested against:
Google Chrome
Safari (mobile, iPad iOS 5)
DOCTYPE tested against:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Description:
Clicking on the legend items in a radar chart does not toggle visibility of the corresponding radar surface. The legend item is always black and does not assume the color of the surface.
Steps to reproduce the problem:
In the ST 2.1.0 rc2 documentation extend the example of Ext.chart.series.Radar with
legend: { position: 'top' }, .
Click on legend item, corresponding surface does not vanish.
The result that was expected:
radar surface visibility changes
The result that occurs instead:
nothing
Test Case:
var store = new Ext.data.JsonStore({
fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
data: [
{'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
{'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
{'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
{'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
{'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}
]
});
var chart = new Ext.chart.PolarChart({
legend: {position: 'top'},
animate: true,
interactions: ['rotate'],
store: store,
series: [{
type: 'radar',
xField: 'name',
yField: 'data4',
style: {
fillStyle: 'rgba(0, 0, 255, 0.1)',
strokeStyle: 'rgba(0, 0, 0, 0.8)',
lineWidth: 1
}
}],
axes: [
{
type: 'numeric',
position: 'radial',
fields: 'data4'
},
{
type: 'category',
position: 'angular',
fields: 'name'
}
]
});
Ext.Viewport.setLayout('fit');
Ext.Viewport.add(chart);
INFORMATION
Debugging already done:
none
Possible fix:
not provided
Additional CSS used:
only default ext-all.css
Operating System:
Linux
Win 7
iOS 5/6