echarts设定个性化的tooltip

2021-02-11 15:55 admin
echarts是出色的数据图表软件,它的formatter能够设定好看的tooltip,根据function完成个性化化订制。下边的编码便可以完成下面的图的实际效果。在其中,param是电脑鼠标移动到图型上确当前主要参数,能够用它来完成更为繁杂的显示信息实际效果:
echarts
option = {
 legend: {},
 tooltip: {
 formatter:function(param,index){
 return param.marker +" " + param.seriesName +" br "
 +" nbsp; nbsp; nbsp; nbsp;"+param.name+":"+param['data'][ponentIndex+1]+'%';
 color:['#1890ff','#33ccff','#f93'],
 dataset: {
 source:[["product","检测总人力资源","已整体规划检测人力资源","待整体规划检测人力资源"],["G2商品线",19,5,14],["G1商品线",21,0,21],["A商品线",63,6,57],["D商品线",0,0,0],["C商品线",0,0,0],["G商品线",0,0,0],["Z商品线",84,30,54],["检测商品线",0,0,0],["E商品线",0,0,0],["L商品线",19,0,19],["I商品线",0,0,0],["B商品线",0,0,0],["F商品线",21,16,5],["J商品线",18,0,18],["H商品线",36,0,36]]
 xAxis: { type: "category" },
 yAxis: {},
 series: [
 { type: "bar",barWidth:"20"},
 { type: "bar",barWidth:"20" },
 { type: "bar",barWidth:"20" }
};

echarts hover鼠标移上去改变颜色 echarts hover电脑鼠标移上来更改色调 网页页面模版 8222 echarts是百度搜索发布的一款十分出色根据js的可视性化标志转化成软件,受众群体面十分广,应用简易,出示了很多的托词,能够做柱状、地形图、饼状等各种各样数据图表。 我喜欢模版网今日在应用Echarts的时


ECharts中的事件和行为 ECharts中的恶性事件和个人行为 网页页面模版 在ECharts的数据图表选用户的实际操作可能开启相对的恶性事件。开发设计者能够监视这种恶性事件,随后根据回调函数涵数做相对的解决,例如自动跳转到一个详细地址,或是弹出来会话框,或是做数据信息下钻这些。 在EChar


摘自百度的ECharts事件 节选自百度搜索的ECharts恶性事件 网页页面模版 百度搜索的ECharts是业界较为好的统计分析数据图表软件,出示了很多的API插口,应用便捷,实际效果酷炫,唯一缺憾不是适用三d。 下边的这一段编码摘抄自百度搜索官方网站的Echarts恶性事件,做下纪录: option = { tool


本站內容假如沒有标明出處,全部权均归本网站,出示完全免费免费下载使用,但不可用以商业服务赢利。假如标明出處,则来源于于互连网,本网站不做商业服务主要用途。假如本网站有內容侵害到您的利益,请致函网站站长电子邮箱,本网站当马上删掉。

联络大家