Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 饼图未在ext面板上呈现(ext JS)_Javascript_Extjs - Fatal编程技术网

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你是对的,顺便说一句,我已经解决了这个问题。