(转)利用electron和echarts实现3d图标功能

感谢: aardio大群

宋叔叔--ETF金刚钻 /  stars / 正交型硅酸盐高温凝聚态材料平移结构工程师 / 乖乖鱼  

分享源码

import win.ui;
/*DSG{{*/
var winform = win.form(text="${PROJECTNAME}";right=799;bottom=599;bgcolor=12632256;border="none")
winform.add(
custom={cls="custom";text="custom";left=3;top=32;right=798;bottom=598;bgcolor=16777215;db=1;dl=1;dr=1;dt=1;z=1}
)
/*}}*/

import electron.app;

import electron.blink;
//var theApp = electron.blink(winform.custom);
var theApp = electron.app(winform.custom);
import console;

import web.json;

//这是启动electron主进程的main.js

 //--------------------分时线数据-------------------------------
var js =string.load( "\Funjs\weather.js");

//console.log(js);
//theApp.doScript( js );

 
 
// 在JS中require('aardio')就可以使用下面的external对象
theApp.external = {  
    
    onLoadUrl = function(url){
       //加载一个页面完成都会触发这个事件
    }
      
    exploreMainJs = function(){
    	process.exploreSelect(theApp.appPath);
    }
    
     hello = function(){
    	winform.msgbox("hello")
    }
    
    hitCaption = function(){
    	winform.hitCaption();//拖动主窗口，模拟标题栏
    } 
    
    exit = function(){
    	winform.close();//关闭主窗口，退出程序
    } 
    
    baseInfo = function(){
        userInfo = thread.get("USER_INFO");
    	var json= {};
    	json["title"] = "装修工程合同报价系统";
    	json["user_id"] = userInfo["user_id"];
    	json["user_name"] = userInfo["user_name"];
    	json['role'] = userInfo['user_role']
    	json["msg"] = "success";
    	
    	return web.json.stringify(json);
    }
    
    updateChart = function(){
    	import math;
    	
    	return math.random()*100;
    }
    getxDataChdata = function(){
        //return testdat; 
    	var data={};
    	for(i=1;#..pltjtab;1){
    		data[i]=i; 
    	
    	}
       	return data;
    }
    
    getplDataChdata = function(num) {	// 通道选择
    	//return testdat; 
    	var data={};
    	for(i=1;#..pltjtab;1){
    		data[i]=..pltjtab[i][num] ;
    	
    	}
       	return data;  	
    }
    
    
    getcolordata = function(){
    	colordata = {"rgba(0,125,0,0.1)";"rgba(0,0,255,0.1)";"rgba(125,255,125,0.1)";"rgba(255,125,0,0.1)";"rgba(255,0,0,0.1)"};
    	//colordata = {"rgba(0;125;0;0.3)";"rgba(0;255;0;0.3)";};
    	return colordata ; 
    }    
    
}

// 接收node.js的函数返回值
theApp.callback("main.hello",function(hSocket,result,err){
	
	
})

// electron窗口准备就绪会触发这个函数
theApp.onReady = function(hwndElectron){
	theApp.xcall("main.hello","aardio"); 
}


// WebSocke/RPC中遇到的错误都会触发这个函数,可以在这里自定义错误处理方式
theApp.onError = function(hSocket,err){
	errput(err,"electron/rpc error");//当然也可以在 global.onError 里自定义全部的错误信息怎么显示
}

// electron主进程退出触发此事件
theApp.onQuit = function(){
	//win.quitMessage();
}

theApp.start({

    /* 指定首页地址,必须指定,
     * 如果作为参数传入io.localpath(indexUrl)会返回true,则表示相对于应用程序根目录的路径，支持嵌入资源
     * 如果路径以".\"或"./"开始则表示相对于主进程根目录的路径
     */
    indexUrl = "/html/main.html";
    // 可以自定义要加载的chrome扩展,扩展需要解压并放在工程资源目录下（目录名最好不要与别人冲突）
    // extensions = { "\some-chrome-extension" };
    
    /* 创建窗口参数,可以不指定 */
    browserWindow = {
        width = 1024;
        height = 768;
        minWidth = 800;
        minHeight = 600;
        frame = false;
        webPreferences = {};
    };
    
    /* 启动参数,可以不指定 */
    args = {
        
    };
}) 

winform.show() 

import win.ui.simpleWindow;
win.ui.simpleWindow(winform);

win.loopMessage();

完整工程下载

electron_echarts3D.zip