echart 显示表格

ECharts可以通过使用组件来显示表格，例如grid组件和tooltip组件。

使用grid组件可以将图表划分为多个区域，其中一个区域可以用来显示表格。可以通过设置grid组件的left、top、right、bottom属性来确定表格的位置和大小，然后使用grid组件的zlevel属性来确保表格始终位于图表的顶部。

使用tooltip组件可以在鼠标悬停在图表上时显示表格。可以通过设置tooltip组件的trigger属性为"axis"来启用该功能，并设置tooltip组件的axisPointer属性为"type: 'cross'"来确保鼠标指针始终位于表格的顶部。

以下是一个简单的示例代码：

option = {
    grid: {
        left: '3%',
        top: '3%',
        right: '3%',
        bottom: '3%',
        containLabel: true
    },
    tooltip : {
        trigger: 'axis',
        axisPointer : {            
            type : 'cross'        
        }
    },
    xAxis : [
        {
            type : 'category',
            data : ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        }
    ],
    yAxis : [
        {
            type : 'value'
        }
    ],
    series : [
        {
            name:'邮件营销',
            type:'line',
            data:[120, 132, 101, 134, 90, 230, 210]
        },
        {
            name:'联盟广告',
            type:'line',
            data:[220, 182, 191, 234, 290, 330, 310]
        },
        {
            name:'视频广告',
            type:'line',
            data:[150, 232, 201, 154, 190, 330, 410]
        },
        {
            name:'直接访问',
            type:'line',
            data:[320, 332, 301, 334, 390, 330, 320]
        },
        {
            name:'搜索引擎',
            type:'line',
            data:[820, 932, 901, 934, 1290, 1330, 1320]
        }
    ]
};

在这个例子中，我们使用grid组件将图表划分为一个区域，并设置tooltip组件的trigger属性为"axis"和axisPointer属性为"type: 'cross'"来显示表格。