例如:我用Ext linechart做了一个曲线图用来展示一段时间内的温度走势,X轴为时间轴,Y轴为数值轴(即:温度数值)。
在曲线图面板中有与X轴平行的相同间隔的平行线来划分开,每条横线在Y轴上都有一个对应的数值。
我打算在曲线图中用一条红色的横线来提示用户温度过高(即:一条报警线,也对应一个Y轴的值,跟其他平行线只是颜色不同而已)。而这个报警温度不是固定的数值,而是从数据库中读出来的。不同的曲线图页面也不相同。
我的代码如下,请问应该如何加这个警戒线。
var chart = new Ext.chart.LineChart({
id:id,
url : '/ZHJK/EXT/charts.swf',
xtype: 'linechart',
store: storeChart,
xAxis: new Ext.chart.TimeAxis({
labelRenderer : Ext.util.Format.dateRenderer(dateType)
}),
tipRenderer : function(chart,record,index,series)
{
return "悬浮框"
},
listeners: {},
series: [{
type:'line',
displayName: '',
style: {
color: 0xa71d3a
}
}],
chartStyle:{
padding :20,
legend:{
display: "none",
font: {
size:12,
bold: true
}
},
dataTip:{
padding: 3,
border: {
color: 0x99bbe8,
size:1
},
background: {
color: 0xDAE7F6,
alpha: .7
},
font: {
//name: 'Tahoma',
color: 0x15428B,
size: 12,
bold: true
}
},
font:{
size:9,
bold:true
}
}
});
在曲线图面板中有与X轴平行的相同间隔的平行线来划分开,每条横线在Y轴上都有一个对应的数值。
我打算在曲线图中用一条红色的横线来提示用户温度过高(即:一条报警线,也对应一个Y轴的值,跟其他平行线只是颜色不同而已)。而这个报警温度不是固定的数值,而是从数据库中读出来的。不同的曲线图页面也不相同。
我的代码如下,请问应该如何加这个警戒线。
var chart = new Ext.chart.LineChart({
id:id,
url : '/ZHJK/EXT/charts.swf',
xtype: 'linechart',
store: storeChart,
xAxis: new Ext.chart.TimeAxis({
labelRenderer : Ext.util.Format.dateRenderer(dateType)
}),
tipRenderer : function(chart,record,index,series)
{
return "悬浮框"
},
listeners: {},
series: [{
type:'line',
displayName: '',
style: {
color: 0xa71d3a
}
}],
chartStyle:{
padding :20,
legend:{
display: "none",
font: {
size:12,
bold: true
}
},
dataTip:{
padding: 3,
border: {
color: 0x99bbe8,
size:1
},
background: {
color: 0xDAE7F6,
alpha: .7
},
font: {
//name: 'Tahoma',
color: 0x15428B,
size: 12,
bold: true
}
},
font:{
size:9,
bold:true
}
}
});
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货