Charts Sencha touch 2中图表的动态系列和轴

Charts Sencha touch 2中图表的动态系列和轴,charts,sencha-touch,Charts,Sencha Touch,创建一条图表类型线,我可以为他在该图表中加载一种或多种类型的系列。 在这种情况下更多的只是两个系列作为链接 我在listeners->Paint中完成了图形渲染。 传说中有很多故事。但这些线并没有出现 视图代码,有两个指向json中数据的链接 在这种情况下,我携带的是图形的两行和两个图例 我有价值观​​图的左上角有线,但不带线 视图的javascript Ext.define('Integrator.view.BI.Chart.Line'{ 扩展:“Ext.Panel”, 别名:“wid

创建一条图表类型线,我可以为他在该图表中加载一种或多种类型的系列。 在这种情况下更多的只是两个系列作为链接

我在listeners->Paint中完成了图形渲染。 传说中有很多故事。但这些线并没有出现

视图代码,有两个指向json中数据的链接

在这种情况下,我携带的是图形的两行和两个图例

我有价值观​​图的左上角有线,但不带线

视图的javascript

Ext.define('Integrator.view.BI.Chart.Line'{
扩展:“Ext.Panel”,
别名:“widget.linechart”,
需要:['Ext.chart.axis.Numeric','Ext.data.JsonStore','Ext.chart.CartesianChart'],
配置:{
cls:“card4”,
布局:“适合”,
项目:[
{
xtype:'图表',
id:“chartBILine”,
存储:{},
背景:“白色”,
动画:对,
图例:{
位置:'底部'
}                
}
],
听众:{
第二部分:功能(){
var indicatorstore=Ext.getStore('biChartsStore'),
graficoIndBIStore=Ext.getStore('graficoIndBIStore'),
chart=Ext.getCmp('chartBILine'),
seriesArray=新数组(),
axesArray=新阵列(),
字段=新数组(),
线条颜色=['#115fa6'、'#94ae0a'、'#a61120'、'#006600'、'#ff9900'、'#ff9999'、'#ffccff'、'#66ff00'、'#cc33ff'],
MarkerColor=['#94ae0a'、'#a61120'、'#115fa6'、'#003300'、'#006600'、'#0066ff'、'#993300'、'#66ff00'、'#cc33ff'];
graficoindbstore.each(函数(rec,index){
推(
新的Ext.chart.series.Line({
键入:“行”,
xField:'数据',
yField:[rec.data.titulo_ind],
错,,
风格:{
平滑:是的,
笔划:线条颜色[索引-0],
线宽:1,
阴影颜色:“rgba(0,0,0,0.7)”,
阴影模糊:10,
阴影偏移量X:3,
阴影偏移:3
},
标记:{
键入:“圆”,
笔划:标记颜色[索引-0],
填充:标记颜色[索引-0],
线宽:2,
半径:4,
阴影颜色:“rgba(0,0,0,0.7)”,
阴影模糊:10,
阴影偏移量X:3,
副词:3,
外汇:{
持续时间:300
}
}
})
);                                
});
指示存储。每个(功能(rec2、index2){
fields.push(rec2.data.valor);
});
axesArray.push(
新Ext.chart.axis.Numeric({
键入:“数值”,
位置:'左',
字段:字段,
标题:“英勇”,
Minortick步骤:1,
网格:{
奇数:{
不透明度:1,
填写:“#ddd”
}
},
风格:{
axisLine:false,
最大步长:20,
笔划:“#ddd”,
“笔划宽度”:0.5
}
})
);
axesArray.push(
新Ext.chart.axis.Category({
类型:'类别',
位置:'底部',
字段:[“数据”],
标题:{
文本:“Meses”,
fontSize:!Ext.os.is.Phone?15:10
},
风格:{
步长:1,
笔划:“#999”
},
标签:{
旋转:{度:65}
}
})
);
var data={“data”:indicatorStore.getData().items};
图表.设置存储(数据);
图表.设置轴(轴阵列);
图表.设置系列(系列阵列);
}
}
}
});