echarts的树图,怎么动态从后台获取数据

echarts的树图,怎么动态从后台获取数据,第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: 300px; float: left;" class="pie_chart_img">

</div>

</div>

<div class="case_date">

<div id="div_bar" style="height:210px; width: 300px; float: 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-191js"></script>

<script src="js/esljs"></script>

<script src="BusinessJs/echartsjs"></script>

echarts代码:

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

requireconfig({

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 = ecinit(documentgetElementById('div_pieCategory'));

var myChart_Bar = ecinit(documentgetElementById('div_bar'));

SetTestStatisticsByCategory(ec, myChart_Category);

SetTestStatisticsByBeginTime(ec, myChart_Bar);

//设置点击事件

var ecConfig = require('echarts/config');

myChart_Categoryon(ecConfigEVENTPIE_SELECTED, function (param) {

var selected = paramselected;

//debugger;

var serie

serie = optionpie_categoryseries[0];

if (jQueryinArray(true, selected[0]) > -1) {

for (var i = 0; i < seriedatalength; i++) {

if (selected[0][i]) {

$("#hid_category")val(seriedata[i]name);

GetTestList(seriedata[i]name);

}

}

}

else {

$("#hid_category")val("");

}

})

myChart_Baron(ecConfigEVENTCLICK, function (param) {

var selected = param;

var xAxis;

xAxis = optionpie_barxAxis[selectedseriesIndex];

for (var i = 0; i < xAxisdatalength; i++) {

if (i == selecteddataIndex) {

if ($("#hid_date")val() != xAxisdata[i]) {

$("#hid_date")val(xAxisdata[i]);

} else {

$("#hid_date")val("");

}

GetTestList(xAxisdata[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 (XML>

按照你的说法,提交的时候需要获取两个下拉框的数据,如果easyui本身没有bug的话,获取不到值就是你没有选对正确的方法。

1、获取文本:$("#a")combobox('getText');

2、获取值:$("#a")combobox('getValue');

combo和combobox两个控件获取值和文本的方法都是这个,combobox是从combo派生而来的。

没有看到你写的代码,以上都是推测,祝你好运!

第一,手机软件的不稳定,登录使用人多的时候容易出现异常;

第二,网络原因,找一个网络状况好的地方,或者连接WIFI的情况下进行登录。

第三,APP的断续。APP在下载的时候,有极低的可能性出现断续的情况,就是关键数据的丢失,导致无法登录。只需要卸载后重装即可。

第四,手机状态的问题。有的手机状态不佳,后台运行大量程序,导致挤占新程序空间,导致无法登录。及时清理手机,关机重启即可。

如果是下拉列表框的数据,那可以先为此控件增加一个控件变量如m_box。m_boxGetCount()可以得到一个整数,总共的条数,然后一个for循环可以得到每一条数据。m_boxGetItemData(i)就可以得到下拉列表框说有的显示数据。

tooltip上的东西不好被点到,你需要把showDelay和hideDelay都调大鼠标才能走得过去,但这样交互体验就变差了。至于tooltip上显示的完全就是dom,你想怎么玩都行

以上就是关于echarts的树图,怎么动态从后台获取数据全部的内容,包括:echarts的树图,怎么动态从后台获取数据、eviews怎么导入excel表格数据、jquery easyui下拉列表用select时修改时获取不到数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9687841.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存