tooltip上的东西不好被点到,你需要把showDelay和hideDelay都调大鼠标才能走得过去,但这样交互体验就变差了。 至于tooltip上显示的完全就是dom,你想怎么玩都行
获取数据后效果
点击饼图获取到数据的效果:
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>
tooltip的话看官方formatter!
然后可以参考一下代码:
`tooltip:{
trigger:"axis",
foramtter:function(params){
consolelog(params)
这里处理你想要的数据
最后 return;
}
}`
echarts series的data支持数组对象格式([{},{},{}]),把你先要显示的都传进去不要占用value(这个是你折线的值) 然后看你formatter里console的东西就可以了
添加点击事件:
charton('click', function (params) {//do something
});
用params属性的coordSys项的x和y值即可。
以上就是关于请问如何通过Echarts获取map.js中的坐标,求大神指点全部的内容,包括:请问如何通过Echarts获取map.js中的坐标,求大神指点、echarts的树图,怎么动态从后台获取数据、如何获取echart折线图提示框的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)