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

 我来答
匿名用户
2017-07-23
展开全部
可以的。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:[]}]};
匿名用户
2017-07-23
展开全部
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);
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
夜夜夜丿Night
2019-09-18
知道答主
回答量:16
采纳率:0%
帮助的人:1.2万
展开全部

在echarts的配置对象中配置:

var config={
    legend:{
        tooltip:{
            show : true
        }
    }
}
// 以上是核心代码,没用的都省略了,看不懂可以继续问哈
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式