echart中markPoint条件显示

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_41033913/article/details/89198685

实现点:设置两个参数,分别代表markPoint文字是否显示flag = false,和点显示大小 pointSize = 0;(默认是没有的,达到了条件)

满足条件将内容显示并且将flag = true;pointSize = 80;

var flag = false,xOffset,yOffset,pointSize = 0;
//xOffset和yOffset是自己设置的point显示的位置
xOffset = i;
for(var i=0;i<data.length;i++){
        if(data[i].value >= 500){
            xOffset = i;
            yOffset = data[i].value;
            flag = true;
            pointSize = 80;
            break;
        }
    }

markPoint : {
                data : [{name : '最高', value : "point在页面上显示的内容", xAxis: xOffset, yAxis: yOffset}],
                symbolSize:[pointSize, pointSize],
                label:{
                    show: flag
                }
            },

猜你喜欢

转载自blog.csdn.net/qq_41033913/article/details/89198685
今日推荐