微信房地产网站建设,怎么建自己的网站?,网站页头页尾怎样做,网站产品页面设计需求#xff1a;echarts 地图 tooltip内部添加点击事件#xff0c;进行跳转
地图tooltip里面的配置
注意添加类名clTic为了获取到内部的值添加 data-param“${params.data.type}” tooltip: {show: true,trigger: item,enterable: true,extraCssText: z-index:100,fontSiz…需求echarts 地图 tooltip内部添加点击事件进行跳转
地图tooltip里面的配置
注意添加类名clTic为了获取到内部的值添加 data-param“${params.data.type}”
tooltip: {show: true,trigger: item,enterable: true,extraCssText: z-index:100,fontSize: 25,borderWidth: 0,padding: 0,backgroundColor: rgba(0,0,0,0),formatter: (params) {return div classtooltip-boxdiv classflex mt-3div classtooltip-button flex justify-center items-center clTic data-param${params.data.type}前往查看 /div/div;},},templatediv refchartRef :style{ height, width }/div
/templateconst chartRef refHTMLDivElement | null(null);//地图tooltip点击跳转页面onMounted(async () {const myChart echarts.init(chartRef.value as HTMLElement);myChart.on(showTip, () {const tooltipContent document.querySelector(.clTic);if (tooltipContent) {tooltipContent.addEventListener(click, (e) {const target e.target as HTMLElement;const res target.getAttribute(data-param); //获取tooltip内部的值});}});});参考笔记
