PDA

View Full Version : Line chart showing only x-axis when all values are zero



dev_java
5 Mar 2012, 5:09 AM
Hi,I am facing a peculiar problem with line chart. When i try to load the data with all zeros, line chart is displaying only x-axis. Y-axis is not displayed. I have to display the line chart with y-axis having at least one tick.Please find the attached figure..32389I am attaching the sample code in extjs where i did changes to suit my issue:
var store = Ext.create('Ext.data.JsonStore', { fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'], data: [ { 'name': 'metric one', 'data1': 0, 'data2': 12, 'data3': 14, 'data4': 8, 'data5': 13 }, { 'name': 'metric two', 'data1': 0, 'data2': 8, 'data3': 16, 'data4': 10, 'data5': 3 }, { 'name': 'metric three', 'data1': 0, 'data2': 2, 'data3': 14, 'data4': 12, 'data5': 7 }, { 'name': 'metric four', 'data1': 0, 'data2': 14, 'data3': 6, 'data4': 1, 'data5': 23 }, { 'name': 'metric five', 'data1': 0, 'data2': 4, 'data3': 36, 'data4': 13, 'data5': 33 } ]});Ext.create('Ext.chart.Chart', { renderTo: Ext.getBody(), width: 500, height: 300, animate: true, store: store, axes: [ { type: 'Numeric', position: 'left', fields: ['data1'], label: { renderer: Ext.util.Format.numberRenderer('0,0') }, title: 'Sample Values', grid: true, minimum: 0 }, { type: 'Category', position: 'bottom', fields: ['name'], title: 'Sample Metrics' } ], series: [ { type: 'line', axis: 'left', xField: 'name', yField: 'data1' } ]});Here i am adding 'data1' which has all zero values to line chart and gets the above chart figure.Can any one suggest me, how to add y-axis explicitly even if the all data obtained from server is zero?Thanks,dev_java

dev_java
5 Mar 2012, 5:32 AM
Sorry for the wrong format of code. Please find the code here..



var store = Ext.create('Ext.data.JsonStore', {
fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
data: [
{ 'name': 'metric one', 'data1': 0, 'data2': 12, 'data3': 14, 'data4': 8, 'data5': 13 },
{ 'name': 'metric two', 'data1': 0, 'data2': 8, 'data3': 16, 'data4': 10, 'data5': 3 },
{ 'name': 'metric three', 'data1': 0, 'data2': 2, 'data3': 14, 'data4': 12, 'data5': 7 },
{ 'name': 'metric four', 'data1': 0, 'data2': 14, 'data3': 6, 'data4': 1, 'data5': 23 },
{ 'name': 'metric five', 'data1': 0, 'data2': 4, 'data3': 36, 'data4': 13, 'data5': 33 }
]
});


Ext.create('Ext.chart.Chart', {
renderTo: Ext.getBody(),
width: 500,
height: 300,
animate: true,
store: store,
axes: [
{
type: 'Numeric',
position: 'left',
fields: ['data1'],
label: {
renderer: Ext.util.Format.numberRenderer('0,0')
},
title: 'Sample Values',
grid: true,
minimum: 0

},
{
type: 'Category',
position: 'bottom',
fields: ['name'],
title: 'Sample Metrics'
}
],
series: [
{
type: 'line',
axis: 'left',
xField: 'name',
yField: 'data1'

}

]
});

dev_java
5 Mar 2012, 10:24 PM
Hi....

Any one knows about this issue...??