ExtJs 4.1.1图表缺少标记
我花了几天时间试图解决这个问题: 我正在尝试创建一个包含多个系列的图表。在一个系列中,我显示了一条包含所有点的线(在我的代码“val”系列中)。在第二个系列中,我只想展示部分要点(“温度”系列)。两个系列都显示int的数据类型 我试图为“温度”字段设置一个很低的值,以便从图表中忽略它,但这也导致跳过相应的“val” 在ExtJs 4.1.1中:“val”字段的上午10点值被跳过。 在ExtJs 4.0.7中:“val”字段的上午10点值存在强> (我希望我能在这里发布图片,但我没有10点声誉积分。:-() 这是我的密码:ExtJs 4.1.1图表缺少标记,extjs,charts,series,Extjs,Charts,Series,我花了几天时间试图解决这个问题: 我正在尝试创建一个包含多个系列的图表。在一个系列中,我显示了一条包含所有点的线(在我的代码“val”系列中)。在第二个系列中,我只想展示部分要点(“温度”系列)。两个系列都显示int的数据类型 我试图为“温度”字段设置一个很低的值,以便从图表中忽略它,但这也导致跳过相应的“val” 在ExtJs 4.1.1中:“val”字段的上午10点值被跳过。 在ExtJs 4.0.7中:“val”字段的上午10点值存在 (我希望我能在这里发布图片,但我没有10点声誉积分。:
Ext.define('WeatherPoint', {
extend: 'Ext.data.Model',
fields: ['temperature', 'date', 'val']
});
var store1 = Ext.create('Ext.data.Store', {
model: 'WeatherPoint',
data: [
{ temperature: 58, date: new Date(2011, 1, 1, 8), val: 10 },
{ temperature: 63, date: new Date(2011, 1, 1, 9), val: 20 },
{ temperature: -100, date: new Date(2011, 1, 1, 10), val: 40 },
{ temperature: 78, date: new Date(2011, 1, 1, 11), val: 90 },
{ temperature: 81, date: new Date(2011, 1, 1, 12), val: 50 }
]
});
var chart1 = Ext.create('Ext.chart.Chart',{
xtype: 'chart',
animate: false,
store: store1,
legend: true,
insetPadding: 30,
axes: [{
title: 'Temperature',
type: 'Numeric',
position: 'left',
fields: ['temperature', 'val'],
minimum: 0,
maximum: 100
}, {
title: 'Time',
type: 'Time',
position: 'bottom',
fields: ['date'],
dateFormat: 'ga',
step: [Ext.Date.HOUR, 1],
fromDate: new Date(2011, 1, 1, 8),
toDate: new Date(2011, 1, 1, 12)
}],
series: [{
type: 'scatter',
axis: ['left','bottom'],
xField: 'date',
yField: 'temperature'
}, {
type: 'line',
title: 'val',
axis: ['left','bottom'],
xField: 'date',
yField: 'val'
}]
});
var panel1 = Ext.create('widget.panel', {
width: 600,
height: 400,
renderTo: Ext.getBody(),
layout: 'fit',
items: chart1
});
尝试对要隐藏的点使用
null
或空'
值
示例:
var store1 = Ext.create('Ext.data.Store', {
model: 'WeatherPoint',
data: [
{ temperature: 58, date: new Date(2011, 1, 1, 8), val: 10 },
{ temperature: 63, date: new Date(2011, 1, 1, 9), val: 20 },
{ temperature: '', date: new Date(2011, 1, 1, 10), val: 40 },
{ temperature: 78, date: new Date(2011, 1, 1, 11), val: ''},
{ temperature: 81, date: new Date(2011, 1, 1, 12), val: 50 }
]
});
谢谢,科伦坡。它可以工作。唯一的问题是,它会在控制台上为每个具有null或“”值的记录记录记录一条警告。在字段定义中设置useNull:true。太好了!!我这样做了,并将所有缺失值的出现更改为0(因为int/float字段中的0被视为null)它在没有警告的情况下运行良好。再次感谢你,科伦坡:-)