ECharts 折线图 tooltip 显示纵坐标没有的补充数据
使用ECharts 折线图的时候,折现图的数据是根据冻结值显示折线,但是tooltip里想要显示其他的补充数据,以方便查看完整信息。
1.后台数据格式获取所有数据信息放到list中,作为一个纵坐标数据list和时间为横坐标的list数据返回
2.前台tooltips中根据定义的list数组来调整显示样式
-
页面效果
-
前端代码
// 初始化,查询后台数据
function ajaxGetData(){
var data = $("#formId").serializeArray();
$.ajax({
url: prefix + "/select",
type: "post",
dataType: "json",
async: true,
data: data,
beforeSend: function () {
$.modal.loading("正在查询中,请稍后...");
$.modal.disable();
},
success: function(result) {
let dayFreezeData = result.dayFreezeData;
let dataTimeList = result.dataTimeList;
setOption(dayFreezeData, dataTimeList);
$.modal.closeLoading();
$.modal.enable();
}
})
}
//图表初始化
function setOption(dayFreezeData, dataTimeList) {
let chkPointName = $("#chkPointName").