echarts中的ecConfig.EVENT.CLICK怎么做

echarts中的ecConfig.EVENT.CLICK怎么做,第1张

点击饼图获取到数据的效果:

html代码:

放2个div,取个id就行。引用写好的js。

<div>

<div class="case_type">

<div class="pie_chart_name">测试类型</div>

<div id="div_pieCategory" style="height:210px

width: 300pxfloat: left" class="pie_chart_img">

</div>

</div>

<div class="case_date">

<div id="div_bar" style="height:210pxwidth: 300pxfloat: left">

</div>

</div>

</div>

<input id="hid_category" type="hidden" value="" />

<input id="hid_state" type="hidden" value="" />

<input id="hid_date" type="hidden" value="" />

</form>

<script src="js/jquery-1.9.1.js"></script>

<script src="js/esl.js"></script>

<script src="BusinessJs/echarts.js"></script>

echarts代码:

1、在BusinessJs/echarts.js中引用echarts及zrender:

require.config({

packages: [

{

name: 'echarts',

location: './echarts/src',

main: 'echarts'

},

{

name: 'zrender',

location: './zrender/src',// zrender与echarts在同一级目录

main: 'zrender'

}

]

})

require(

[

'echarts',

'echarts/chart/bar',

'echarts/chart/pie'

],

function (ec) {

var myChart_Category = ec.init(document.getElementById('div_pieCategory'))

var myChart_Bar = ec.init(document.getElementById('div_bar'))

SetTestStatisticsByCategory(ec, myChart_Category)

SetTestStatisticsByBeginTime(ec, myChart_Bar)

//设置点击事件

var ecConfig = require('echarts/config')

myChart_Category.on(ecConfig.EVENT.PIE_SELECTED, function (param) {

var selected = param.selected

//debugger

var serie

serie = optionpie_category.series[0]

if (jQuery.inArray(true, selected[0]) >-1) {

for (var i = 0i <serie.data.lengthi++) {

if (selected[0][i]) {

$("#hid_category").val(serie.data[i].name)

GetTestList(serie.data[i].name)

}

}

}

else {

$("#hid_category").val("")

}

})

myChart_Bar.on(ecConfig.EVENT.CLICK, function (param) {

var selected = param

var xAxis

xAxis = optionpie_bar.xAxis[selected.seriesIndex]

for (var i = 0i <xAxis.data.lengthi++) {

if (i == selected.dataIndex) {

if ($("#hid_date").val() != xAxis.data[i]) {

$("#hid_date").val(xAxis.data[i])

} else {

$("#hid_date").val("")

}

GetTestList(xAxis.data[i])

}

}

})

}

)

2、使用jquery ajax获取数据并绑定:

//获取测试类型统计数据

function GetTestStatisticsByCategory() {

$.ajax({

type: "post",

dataType: "text", traditional: true,

data: { oper: "bycategory" },

url: AjaxUrl,

async: false,//表示同步执行

success: function (data, textStatus) {

if (data != null) {

if (data) {

datapie_category = eval('(' + data + ')')

}

else {

alert("获取测试类型统计数据失败!")

}

}

},

complete: function (XMLHttpRequest, textStatus) { },

error: function (e) {

alert("获取测试类型统计数据失败,请刷新页面重新加载!")

}

})

}

3、ashx后台代码:

组织好字符串返回就行。完全按照这个格式来。

public class test : IHttpHandler

{

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "text/plain"

string Test = CustomResponse.GetResponse("lc")

string categroy = CustomResponse.GetResponse("cl")

string oper = CustomResponse.GetResponse("oper")

string condition = CustomResponse.GetResponse("cd")

string id = CustomResponse.GetResponse("id")

switch (oper)

{

case "bycategory":

GetTestStatisticsByCategory(context)//按照测试类型统计

break

case "bystate":

GetTestStatisticsByState(context)//按照测试状态统计

break

case "bybegintime":

GetTestStatisticsByBeginTime(context)//按照月份统计数据

break

default:

break

}

}

/// <summary>

/// 按照测试类型统计

/// </summary>

/// <param name="context"></param>

private void GetTestStatisticsByCategory(HttpContext context)

{

string returnvalue = "[{ value:33,name:'其他'},

{ value:52,name:'测试类型1'},{ value:36,name:'测试类型12'},

{ value:31,name:'测试类型222121'}]"

context.htm = htm&(returnvalue)

context.Response.End()

}

/// <summary>

/// 按照测试状态统计

/// </summary>

/// <param name="context"></param>

private void GetTestStatisticsByState(HttpContext context)

{

string returnvalue = ""

context.htm = htm&(returnvalue)

context.Response.End()

}

/// <summary>

/// 按照月份统计

/// </summary>

/// <param name="context"></param>

private void GetTestStatisticsByBeginTime(HttpContext context)

{

string returnvalue = "['2014-1','2014-2','2014-3','2013-4',

'2014-4','2013-5'][2,10,25,1,8,1]"

context.htm = htm&(returnvalue)

context.Response.End()

}

public bool IsReusable

{

get

{

return false

}

}

}

问题一:易语言如何制作模块 you.video.sina/.../s.swf

问题二:求易语言制作模块教程 先创建一个win动态链接库

然后在库里面写好你说需要的代码(以子程序形式写)

然后如果你需要别人可以调用这个子程序(就是使用你模块的人),就把公开的钩打上

如果不让别人调用,就不要打

编写好程序之后再上方工具栏中中将模块的名称,版本等填写好(如果不填写无法编译)

最后确认所有代码无误之后(也可以先编译,编译时会检查,但是这个编译和静态编译的检查有些不同,具体我也不知道),上方工具栏或直接按ctrl+4

然后和平常编译一样输入名称!

就可以在易程序里面调用了!

按照自己平常经验和模块写法总结的,如有问题或者需要图片等请追问!

问题三:易语言制作模块,怎么设置图标? 你保存在哪里?

问题四:易语言怎么制作皮肤模块? 你好,要求 还真不少

呵,怎么制作 皮肤模块,网上搜下就有教程,还真多,出名的是桌桌皮肤模块教程,精易视频室里面有,

别人的窗口皮肤 模块有可能是自己开发的做的,我们无法知道 是什么皮肤模块,但最有名的皮肤模块,叫金福皮肤模块,窗口载入完毕后 命令 皮肤_载入(3),,就这样简单的换皮肤 了,我的博客上有下载,自找

删除别人的皮肤模块其它 的皮肤,一定要知道模块的源程序,否则不可能,要么自己看教程,伪一个

问题五:易语言模块怎么做 举例一个等待〔不假死〕命令模块,珐先打开易,选择windows易语言模块,建立一个子程序,程序名∶等待;参数∶等待时间,整数型,加入一个局部变量,变量名∶时间,整数型;开始置入代码∶时间=取启动时间〔〕、循环判断首〔〕处理事件〔〕、延时〔10〕,循环判断尾〔取启动时间〔〕-时间<等待时间〕;写好了之后点击菜单栏的“程序”、“配置”、进入程序设置对话框,把程序名称写好,确定,就可以编译了。编译出来了你再次打开易,选择windows窗口程序,在模块引用表添加刚刚你编译出来的模块,在程序编程区就可以使用“等待”了

问题六:如何将编好的易语言窗口程序做成易语言模块? 20分 注意,在那个模块中,把你子程序中的 公开 一栏打上勾才可以的

问题七:易语言EC模块怎么用? CE模块调用方法:

1、打开易语言软件;

2、找到左侧程序选项卡 》图 标注 “1” 位置 点开;3、找到》图 标注 “2” 位置 右键,添加引用模块;

4、模块添加进来以后,双击模块,就能看到模块的功能及用法了。

问题八:易语言中ec模块的具体制作方法是什么样的? 新建-易语言模块。不要忘记将需要在编写程序是用到的程序集选上公开

问题九:易语言做外挂需要什么模块 超级模块可以吗? 可以,外挂海的模块开发外挂比较方便一点(个人感觉)

问题十:易语言。有模块 加原吗。怎么做。辅助 5分 很明白的告诉你 辅助不是那么容易做的,,运算你有序源码!!!游戏一很新基址就变了 你又得重新找。。。建议你多看看视频教程

易语言是由大连大有吴涛易语言软件开发有限公司出品。易语言采用全中文汉语编程,该开发环境是建立在Windows平台上,支持全中文、可视化编程 *** 作,功能丰富且易学易用,可以满足国内各类计算机用户的需求。并可直接在Windows环境下开发Linux程序。

作为一款全中文的编程语言,易语言融入了中华文化和民俗习惯,用户不再需要按照国外的语言习惯、表达方式、甚至是思维方式而是直接用中文,按照我们自己的习惯去编写程序。易语言编程环境方便直观、快捷实用,不但支持程序代码可以全部用中文来编写,并且 *** 作界面亦为全中文。即使一个根本不懂英文或者对英文了解很少的初级用户也能够快速地进入计算机程序编写的大门。甚至初中或小学文化水平的人也可以较快地学会编制一些简单程序。

易语言并不是把现有的编程工具简单地进行表面汉化或封装而成的,它拥有自己独立的高质量编译器,中文源码被直接编译为目的机器的CPU指令。值得称道的是,其编译器所编译出来的可执行代码与 *** 作系统平台无关,因此能够很方便地实现跨平台编程。目前,易语言可同时支持Windows和Linux程序的开发,今后移植到其他 *** 作系统平台也非常方便,使之不再依赖特定的 *** 作系统环境,这也符合国家发展开发自主知识产权基础系统软件的战略部署,易语言编程环境本身就是一个重要的基础系统软件,而且还为其他自主知识产权 *** 作系统提供了配套、合适的应用软件开发工具。

易语言的可视化设计 *** 作相对其他编程语言来说优势十分明显。它不仅仅支持程序窗体界面设计的可视化 *** 作,连代码流程图都完整的嵌入到程序代码设计 *** 作之中,这是一般任何编程软件所不具备的功能。同时,它内置了一种专用、记忆式中文输入法,支持中文语句快速录入,即时命令函数提示功能,彻底突破了中文语句输入速度的瓶颈。

易语言支持模块化开发,可满足大型应用软件系统协同开发的要求。它也可以编译出符合标准Win32 DLL的程序模块,供其他的易程序,甚至是VC、Delphi、VB程序在自身代码中直接调用。易语言内置的“易模块”功能,也是易语言模块化开发中的一个重要组成部分,易程序可以直接在程序中引用编译好的易模块,进一步简化了易程序的开发复杂程序。

易语言自带的易数据库,能够充分满足开发桌面型数据库程序的需要。同时,易语言提供对ADO、ODBC等数据库接口技术的全面支持,并可直接访问MySQL数据库,因此能够很好的与各种外部数据库进行数据交换,便于开发和实现基于大型数据库的应用软件系统。

易语言能够充分利用现有的一切编程资源,提供对OCX控件、类型库、API函数、COM协议等一系列接口的全面支持,并开放其支持库接口技术文档供第三方使用,利用这些不计其数的资源,极大地提升了易语言的实用功能。

易语言支持当今先进的编程理念,譬如面向对象的程序编写方法、面向事件的消息处理机制等等,易语言与其他编程语言是一种融合互通的关系,了解了易语言对了解其他编程语言具有极大的帮助。易语言支持用户定义和使用对象,支持类的构造、析构、集成、虚拟方法、多态、封装等特性。

易语言新版本推出了更多的扩展支持库,如数据 *** 作支持库、数值计算支持库、文本语音转换支持库、电话语音支持库、数码设备支持库、脚本语言支持组件、办公类支持库等,极大地方便了用户编写程序,新的行业支持库还在不断地开发中。

易语言除简体中文版外,还提供繁体中文版、日文版和英文版等多种语言版本,非常适合多民族本土化开发的要求。本书中如无特别说明,全部是以简体中文版作为讲解对象。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11766592.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-18
下一篇2023-05-18

发表评论

登录后才能评论

评论列表(0条)

    保存