如何echarts的legend中,鼠标移过去后会出现数据展示的明细提示

2024年11月29日 21:24
有3个网友回答
网友(1):

可以的。dataRangeStyle=[//0{min:0,max:2000,formatter:function(v,v2){if(v21000){return'高于'+v}else{return'中'}}},//1{orient:'horizontal',//'vertical'min:0,max:2000,formatter:'{value}到{value2}'},//2{text:['高','低'],//文本,默认为数值文本min:0,max:2000},//3{orient:'horizontal',//'vertical'text:['高','低'],//文本,默认为数值文本min:0,max:2000},//4{splitNumber:0,min:0,max:2000},//5{orient:'horizontal',//'vertical'splitNumber:0,min:0,max:2000},//6{splitNumber:0,text:['高','低'],//文本,默认为数值文本min:0,max:2000},//7{orient:'horizontal',//'vertical'splitNumber:0,text:['高','低'],//文本,默认为数值文本min:0,max:2000},//8{calculable:true,min:0,max:2000,formatter:function(v){if(v>1500){returnv+'(高)'}elseif(v<500){returnv+'(低)'}else{returnv+'(中)'};}},//9{orient:'horizontal',//'vertical'calculable:true,min:0,max:2000},//10{color:['red','yellow'],//颜色text:['高','低'],//文本,默认为数值文本calculable:true,min:0,max:2000},//11{orient:'horizontal',//'vertical'color:['red','yellow'],//颜色text:['高','低'],//文本,默认为数值文本calculable:true,min:0,max:2000}]varcur=curIndex++%dataRangeStyle.length;option={title:{text:'当前样式序号:'+cur,subtext:'NO.'+cur},dataRange:dataRangeStyle[cur],series:[{name:'',type:'map',data:[]}]};

网友(2):

echarts的legend的selected属性默认都是true的,所以在echarts图表中所有的数据都会显示出来。echarts的legend属性将某个name设置为false时,那它默认的就不会显示了,需要手动点击legend才会显示那这个属性的设置需要通过下面的方式:varval1='语文';varval2='数学';varval3='英文';option.legend.selected[val1]=false;option.legend.selected[val2]=false;option.legend.selected[val3]=false;myChart.setOption(option);

网友(3):

在echarts的配置对象中配置:

var config={
    legend:{
        tooltip:{
            show : true
        }
    }
}
// 以上是核心代码,没用的都省略了,看不懂可以继续问哈