Echarts 与 Extjs4 集成

港控/mmm° 2022-08-14 03:49 222阅读 0赞

`首先html中引用js`

``

<script src="extjs4/locale/ext-lang-zh_CN.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="extjs4/resources/css/ext-all-gray.css"/>
    <script src="extjs4/ext-all.js" type="text/javascript"></script>
    <script src="extjs4/locale/ext-lang-zh_CN.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/echarts/echarts-plain-map.js"></script>

自定义组件

``

``

Ext.define("Ext.ux.EChartsComponent", {
        extend: "Ext.Component",
        alias: "widget.echartscmp",
        border: false,
        config: {
            option: null
        },
        initComponent: function () {
            var me = this;
            if (!me.height) {
                throw new Error("图表组件需显式设置高度!");
            }
     
            me.on("boxready", function () {
                me.echarts = echarts.init(me.getEl().dom);
                if (me.option) {
                    me.echarts.setOption(me.option);
                }
            });
     
            me.callParent();
        }
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，222人围观）

还没有评论，来说两句吧...

相关阅读

相关 ExtJS4 Toolbar添加与事件监听

效果图： ![Center][] Ext.define('V5.cxb.view.MainView', \{ extend : 'Ext.Panel', co

待我称王封你为后i/ 2022年09月25日 07:16/ 0 赞/ 136 阅读

相关 Echarts 与 Extjs4 集成

`首先html中引用js` `` <script src="extjs4/locale/ext-lang-zh_CN.js" type="text/javascri

港控/mmm°/ 2022年08月14日 03:49/ 0 赞/ 223 阅读

相关 Extjs3.3. 中用 Echarts

Extjs3.3. 中用 Echarts。将Echarts写成一个组件方便以后的调用。 ![SouthEast][] ![SouthEast 1][]

浅浅的花香味﹌/ 2022年08月05日 07:25/ 0 赞/ 299 阅读

相关 ExtJS 4 MVC架构讲解 – ExtJS4中文教程

ExtJS MVC架构讲解本文地址 [http://www.showframework.com/2012/07/extjs-mvc-architecture/][

短命女/ 2022年08月02日 00:17/ 0 赞/ 191 阅读

相关 Spring MVC 与ExtJS完美集成

Spring MVC 与ExtJS完美集成原文 [ http://blog.csdn.net/q2628

小灰灰/ 2022年07月29日 09:30/ 0 赞/ 150 阅读

相关 ExtJS4与JQuery比较器比较

现在主流的JS框架要数ExtJs和[JQuery][]应用的比较广泛。[JQuery][]属于轻量级的，一般做网站应用比较常见，可见块头小的优势。ExtJs比较庞大，它除了对基

ゞ浴缸里的玫瑰/ 2022年07月21日 02:24/ 0 赞/ 227 阅读

相关 ExtJS4 组件收缩

效果图： ![Center][] Ext.define('V5.test.view.Viewport', \{ extend : 'Ext.container.V

以你之姓@/ 2022年07月17日 03:20/ 0 赞/ 154 阅读

相关 extjs4 combobox 多选与赋值

组件初始化： xtype: 'combobox', editable: false, multiSelect: true,//启用多选 que

青旅半醒/ 2022年06月16日 07:23/ 0 赞/ 460 阅读

相关 Hello ExtJs4.1

第一个ExtJs4.1，搞了半天总算搞出来鸟，开心。。直接上代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//E

你的名字/ 2022年05月08日 19:42/ 0 赞/ 174 阅读

相关 extjs4图表--折线图

本篇文章将介绍extjs中自带的图表在本次案例中，提供一下功能： 1.从后端请求数据并运用到图表中，形成动态数据。 2.查询出每年各个月中人数。请看下面代

比眉伴天荒/ 2021年09月14日 13:00/ 0 赞/ 438 阅读