echarts 各种细节问题

时间:2023-03-09 06:50:14
echarts 各种细节问题

1.最大值最小值异常

 

 //如果数组中的数字是字符串的形式的话,echarts计算最大最小值不正确,故将String的数字转化成Number类型
//将包含字符串的数组转化为浮点数数组
function convert2NumberArr(arr){
for(i=0;i<arr.length;i++){
if(arr[i] != "-"){
arr[i] = parseFloat(arr[i]);
}
}
return arr;
}

2.自定义tooltip

aaarticlea/png;base64,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" alt="" />

 //echarts tooltip trigger:'axis' formatter
function customFormatter(params,defaultColor) {
// for text color
var color = defaultColor||colorList[params[0].dataIndex];
var res = '<div style="color:' + color + '">';
res += '<strong>' + params[0].name + '</strong>';
for (var i = 0, l = params.length; i < l; i++) {
res += '<br/>' + params[i].seriesName + ' : ' + params[i].value ;
}
res += '</div>';
return res;
}