echarts formatter使用vue组件自定义样式(vue3)

echarts的formatter 是支持html的返回来渲染的;

 formatter: (params) => {
    
    
              		const dom = document.createElement('div')
                    // 这里处理params的数据来实现组件和数据的联动
                    const list = params.map(i => i.data)
                    // ToolTipCard为vue组件,直接import , 第二个参数为props
                    const MyComponent = createApp(ToolTipCard, {
    
     list })
                    const instance = MyComponent.mount(dom)
                    // instance.$el 是获取到的是html
                    return instance.$el
},

猜你喜欢

转载自blog.csdn.net/qq_37651169/article/details/128471918
今日推荐