Javascript 饼图未在ext面板上呈现(ext JS)
我的饼图没有呈现-下面是我的代码 我已经在代码的最后一部分下面渲染了它,但它仍然没有渲染。或者无法在新的外部面板中绘制它?请帮助我,因为我不知道如何调试这个了Javascript 饼图未在ext面板上呈现(ext JS),javascript,extjs,Javascript,Extjs,我的饼图没有呈现-下面是我的代码 我已经在代码的最后一部分下面渲染了它,但它仍然没有渲染。或者无法在新的外部面板中绘制它?请帮助我,因为我不知道如何调试这个了 <div id="ae_chart_tb"></div> <div style="height: 95%;"> <div id="ae_chart" style="height: 50%;">
<div id="ae_chart_tb"></div>
<div style="height: 95%;">
<div id="ae_chart" style="height: 50%;"></div>
</div>
<script type="text/javascript">
Ext.chart.Chart.CHART_URL = 'charts.swf';
var tb = new Ext.Toolbar();
var ae_store = new Ext.data.JsonStore({
url: '/chart_attendance_exception/data',
root: 'data',
fields: ['Type', 'Total'],
autoLoad: false
});
function loadChartStore(store){
store.load({
params:{
from_date: Ext.getCmp('ae_from_date').getValue(),
to_date: Ext.getCmp('ae_to_date').getValue(),
unit_id: Ext.getCmp('ae_units').getValue()
}
});
}
var ae_pie_chart = new Ext.Panel({
title: 'Subordinates\' Attendance Exception Chart',
height: 300,
renderTo: 'ae_chart',
items: {
store: ae_store,
xtype: 'piechart',
dataField: 'Total',
categoryField: 'Type',
//extra styles get applied to the chart defaults
extraStyle:
{
legend:
{
display: 'bottom',
padding: 5,
font:
{
family: 'Tahoma',
size: 13
}
}
}
},
listeners:{
afterrender: function(){
loadChartStore(ae_store);
}
}
});
t = document.getElementById("ae_chart_tb");
tb.render(t);
ae_pie_chart.render();
ae_pie_chart.syncSize();
Ext.chart.chart.chart_URL='charts.swf';
var tb=新的外部工具栏();
var ae_store=new Ext.data.JsonStore({
url:“/chart\u Attention\u exception/data”,
root:'数据',
字段:['Type','Total'],
自动加载:错误
});
函数loadChartStore(存储){
存储容量({
参数:{
from_date:Ext.getCmp('ae_from_date').getValue(),
截止日期:Ext.getCmp('ae_to_date').getValue(),
单位id:Ext.getCmp('ae_单位').getValue()
}
});
}
var ae_饼图=新的外部面板({
标题:'下属\'出勤异常表',
身高:300,
renderTo:“ae_图表”,
项目:{
商店:爱欧商店,
xtype:“piechart”,
数据字段:“总计”,
类别字段:“类型”,
//额外的样式将应用于图表默认值
外型:
{
图例:
{
显示:“底部”,
填充:5,
字体:
{
家庭:“塔荷马”,
尺码:13
}
}
}
},
听众:{
afterrender:function(){
LoadChart商店(ae_商店);
}
}
});
t=document.getElementById(“ae_图表_tb”);
tb.render(t);
ae_饼图。render();
ae_饼图。syncSize();
1。你的电脑可以在电脑里复制这个错误吗?我看到了swf,您是否检查了浏览器是否支持swf?某些浏览器已经不支持默认设置中的swf。Flash已失效。因此,这个问题是毫无意义的。是的@MartinZeitler你是对的,顺便说一句,我已经解决了这个问题。检查这个:(我的一个项目)。你的电脑可以在电脑里复制这个错误吗?我看到了swf,您是否检查了浏览器是否支持swf?某些浏览器已经不支持默认设置中的swf。Flash已失效。因此,这个问题是毫无意义的。是的@MartinZeitler你是对的,顺便说一句,我已经解决了这个问题。