echarts 怎么指定专门的tooltip

要指定专门的tooltip，需要在ECharts中使用tooltip组件。可以通过配置tooltip的formatter属性来自定义tooltip的内容，例如：

tooltip: {
    formatter: function (params) {
        // 在这里自定义tooltip的内容
        return '自定义的tooltip内容';
    }
}

在formatter函数中，可以根据params参数来获取当前鼠标位置对应的数据，然后根据需要自定义tooltip的内容。需要注意的是，每个系列都可以有自己的tooltip，可以在series的tooltip属性中进行配置。

相关问题

echarts 折线图怎么指定专门的tooltip，渲染出每条线的名称及横纵轴数据

要指定专门的tooltip，需要在echarts的option中的series中设置tooltip属性，具体的设置如下：

tooltip: {
    trigger: 'axis',
    axisPointer: {
        type: 'cross',
        label: {
            backgroundColor: '#6a7985'
        }
    },
    formatter: function(params) {
        var res = '';
        res += params[0].name + '<br/>';
        for (var i = 0, l = params.length; i < l; i++) {
            res += params[i].seriesName + ' : ' + params[i].value + '<br/>';
        }
        return res;
    }
},

其中，formatter属性可以自定义tooltip的内容，这里我设置了折线图的x轴数据（params[0].name）以及每条线的名称和对应的y轴数据（params[i].seriesName + ' : ' + params[i].value）。此外，还需要在series中设置name属性，来指定每条线的名称。完整的代码如下：

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        },
        formatter: function(params) {
            var res = '';
            res += params[0].name + '<br/>';
            for (var i = 0, l = params.length; i < l; i++) {
                res += params[i].seriesName + ' : ' + params[i].value + '<br/>';
            }
            return res;
        }
    },
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '邮件营销',
        data: [120, 132, 101, 134, 90, 230, 210],
        type: 'line'
    }, {
        name: '联盟广告',
        data: [220, 182, 191, 234, 290, 330, 310],
        type: 'line'
    }, {
        name: '视频广告',
        data: [150, 232, 201, 154, 190, 330, 410],
        type: 'line'
    }, {
        name: '直接访问',
        data: [320, 332, 301, 334, 390, 330, 320],
        type: 'line'
    }, {
        name: '搜索引擎',
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};

这样，就可以渲染出每条线的名称及横纵轴数据的tooltip了。

echarts 折线图x轴y轴都是value类型，怎么指定专门的tooltip，渲染出每条线的名称及横纵轴数据加上指定内容

要指定专门的tooltip并渲染出每条线的名称及横纵轴数据加上指定内容，可以使用echarts中的tooltip formatter函数来实现。具体步骤如下：

1. 在tooltip中设置trigger为'axis'，表示触发类型为轴。

2. 在tooltip中设置axisPointer为'line'，表示鼠标悬浮时显示垂直于轴的指示线。

3. 在tooltip中设置formatter函数，该函数接收一个参数params，为当前tooltip中的数据。在该函数中，可以通过params中的seriesName获取每条线的名称，通过params中的value获取每条线的横纵轴数据。同时，可以通过return返回一个字符串，该字符串即为tooltip的内容，可以在其中加入自定义的文本或HTML标签。

示例代码如下：

tooltip: {
    trigger: 'axis',
    axisPointer: {
        type: 'line'
    },
    formatter: function (params) {
        var result = '';
        for (var i = 0; i < params.length; i++) {
            result += params[i].seriesName + '：' + params[i].value + '<br>';
        }
        result += '自定义内容';
        return result;
    }
},

在上述代码中，params为一个数组，数组中的每一个元素为一个对象，该对象包含seriesName和value两个属性。通过循环遍历params数组，即可获取每条线的名称和横纵轴数据。最后通过result字符串拼接自定义的内容，再通过return返回即可。