300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > echarts双折线图自定义tooltips样式

echarts双折线图自定义tooltips样式

时间:2021-10-03 15:20:08

相关推荐

echarts双折线图自定义tooltips样式

自定义双折线图样式

x轴标签为19,自定义样式更改为年月日

tooltip: {trigger: 'axis',formatter: params => {let resultData = params[0]let outputData = params[1]let resultDate = this.trendInfoList.dateInfoList[resultData.dataIndex]let dateInfo = resultDate.split('-')[0] + '年' + resultDate.split('-')[1] + '月' + resultDate.split('-')[2] + '日'let tipsHtml = `<div style="width:fit-content"><div style="margin-bottom:6px">${dateInfo}</div><div style="display:flex;margin-bottom:2px"><div><span style="width:10px;height:10px;border-radius: 50%;display:inline-block;background-color:${resultData.color}"></span></div><div style="padding:0 16px 0 6px;width:auto">战果实例数</div><div style="text-align:right;color:rgb(102,102,102);font-weight:700;flex:1">${resultData.value}</div></div><div style="display:flex;"><div><span style="width:10px;height:10px;border-radius: 50%;display:inline-block;background-color:${outputData.color}"></span></div><div style="padding:0 16px 0 6px;width:auto">输出数据量</div><div style="text-align:right;color:rgb(102,102,102);font-weight:700;flex:1">${outputData.value}</div></div></div>`return tipsHtml}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。