高新区做网站的公司,外贸流程询盘,上海外贸公司电话,可以做任务的网站有哪些内容由于echarts中柱状图#xff0c;鼠标放上去默认显示的是x轴名称以及y轴值。 而我现在需要再添加一些显示信息。 下面是操作#xff1a; 在tooltip对象中补充trigger: “axis”,属性#xff0c;然后再设置formatter。
tooltip : {formatter: function (params) {// do some …由于echarts中柱状图鼠标放上去默认显示的是x轴名称以及y轴值。 而我现在需要再添加一些显示信息。 下面是操作 在tooltip对象中补充trigger: “axis”,属性然后再设置formatter。
tooltip : {formatter: function (params) {// do some thingreturn “名称” params.name}
}通过网页端的debug可以初步判断params结构 params是所有种的图信息而不是单种图的信息。由于我的柱状图只有一根柱子所以直接锁定params[0]。 通过params[0].dataIndex获取柱子索引。 后续还有个问题如果直接return res。 那么显示是直接一行我们把要显示的内容放入list中一个list代表一行这样可以更加美观
formatter: function (params) {// console.log(params[0].dataIndex)let list []let listItem var index params[0].dataIndex;res String(NowRoomQualityIndexType[index]) \n 机房质量: String(NowRoomQualityIndexData[index]) 上行丢包率: String(NowRoomUp[index]) %\n 下行丢包率: String(NowRoomDown[index]) %\n rtt: String(NowRoomRtt[index]) \n;list.push(String(NowRoomQualityIndexType[index]));list.push(机房质量: String(NowRoomQualityIndexData[index]));list.push(上行丢包率: String(NowRoomUp[index]));list.push(下行丢包率: String(NowRoomDown[index]));list.push(rtt: String(NowRoomRtt[index]));listItem list.join(br)return div classshowBox listItem /div}
