包含extjs图表界面的词条

发布时间：2023-12-08

包含extjs图表界面的词条

更新：2022-11-09 18:36

本文目录一览：

  1. extjs5.0 图表中柱状图的右键点击事件
  2. extjs做的统计图表在火狐中不显示
  3. EXTJS，表格显示问题
  4. extjs5 统计图表加载不出来，空白页面
  5. 谁能帮忙用EXTJS6.0 做出一份图表，里面要一个曲线图，一个饼状图，相互关联
  6. 如何在extjs中打开一个新的界面，原先的界面还存在。

extjs5.0 图表中柱状图的右键点击事件

在 series 的子元素中添加以下代码：

listeners: {
    'itemcontextmenu': function(view, record, item, index, e, eOpts) {
        // 禁用浏览器的右键相应事件
        e.preventDefault();
        e.stopEvent();
        var menu = new Ext.menu.Menu({
            // 控制右键菜单位置
            float: true,
            items: [{
                text: "图片另存为",
                handler: function() {}
            }, {
                text: "审查元素",
                handler: function() {}
            }]
        }).showAt(e.getXY()); // 让右键菜单跟随鼠标位置
    }
}

extjs做的统计图表在火狐中不显示

尊敬的用户，您好！很高兴为您答疑。 经测试，extjs可以很好地兼容火狐浏览器，您所说的问题多半是 json 数据中存在肉眼无法识别的内容，导致的显示异常。 希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

EXTJS，表格显示问题

给个查看备注详情的操作。比如查看详情的时候弹出个 window。里面把获取到的备注值 set 进去。window 里面的备注 type 用：textareafield

extjs5 统计图表加载不出来，空白页面

貌似是因为根据 xtype: 'cartesian' 这条语句，没找到对应的类，应该是 cartesian 这个继承自 Ext.chart.Chart 的类中的设定有问题，看不到代码，自己查吧。

谁能帮忙用EXTJS6.0 做出一份图表，里面要一个曲线图，一个饼状图，相互关联

可以试着这样子弄，在数据工具 BDP 个人版的仪表盘中各创建一个饼图、一个曲线图，然后将某个图表作为筛选器，比如按日期关联，用曲线图去关联饼图。这样只要点击曲线图某一个数据项，与其关联的图表将会筛选出所选项的数据内容，关联形成。

如何在extjs中打开一个新的界面，原先的界面还存在。

添加单击事件就可以了：

listeners: {
    'click': tree_itemclick
}

函数定义如下：

function tree_itemclick(node, event) {
    var tabId = "tab-" + node.id;
    var tabTitle = node.text;
    var tabLink = node.attributes.url;
    currentPage = tabId;
    var centerPanel = Ext.getCmp("mainpanel");
    var tab = centerPanel.getComponent(tabId);
    var subMainId = "tab-" + node.id + "-main";
    if (!node.isLeaf()) {
        // 为叶子节点时，点击进入链接
        event.stopEvent();
        return;
    }
    if (!tab) { // 判断MainTabPanel中是否存在这个页面，如果不存在将创建一个
        tab = centerPanel.add(new Ext.Panel({
            id: tabId,
            title: tabTitle,
            autoScroll: true,
            iconCls: "tabIconCss",
            layout: "fit", // 填充布局,它不会让load进来的东西改变大小
            border: false,
            closable: true,
            // closeAction : 'hide',
            items: [{
                showMask: true,
                maskMsg: '正在加载数据,请稍等...',
                scripts: true,
                html: "<iframe scrolling='auto' frameborder='0' width='100%' height='100%' src='" + tabLink + "'></iframe>"
            }]
        }));
    } else {
        centerpanel.setActiveTab(tab);
    }
    centerPanel.setActiveTab(tab); // 将焦点指向我点击节点打开的页面
}
推荐文章