自定义echarts的toolbox事件

最新推荐文章于 2024-06-06 13:20:02 发布

七棵芹菜

最新推荐文章于 2024-06-06 13:20:02 发布

阅读量9.2k

点赞数

分类专栏：前端文章标签： echarts toolbox dataView optionToContent 自定义事件

本文链接：https://blog.csdn.net/u012890715/article/details/78857086

版权

本文介绍了如何在ECharts中自定义toolbox的数据视图功能，包括设置为只读并使用optionToContent函数来替换默认内容，通过表格展示数据。读者将学习到如何结合HTML和JavaScript实现这一功能。

摘要由CSDN通过智能技术生成

toolbox: {
                show : true,
                feature : {
                    mark : {show: true},
                    dataView : {
                    	show: true, readOnly: true,
                    	optionToContent : function(opt) {
                    		var table = $("#tableDiv").html();
                    		return table;
                    	}
                    },
                    magicType : {show: true, type: ['line', 'bar']},
                    restore : {show: true},
                    saveAsImage : {show: true}
                }
            }

<div id="tableDiv">
	    	<div id="lineDiv" style='position:absolute;z-index:9999;'></div>
		    <table cellspacing="0" cellpadding="0" style="border-collapse:collapse; width: 100%;margin-to