echart 在zhu显示图标_Echarts自定义tooltip显示内容（隐藏小圆点）

修改左侧的tooltip的内容，添加formatter函数，循环将各个值拼接成一个字符串返回

tooltip: {

formatter: function(param) {

/*console.log(1);

console.log(JSON.stringify(param));

console.log(param.name); */

return '

'+ param.name + "
" + param.value + "
"

'

';

}

},

例子如下

五分钟上手之折线图

// 基于准备好的dom，初始化echarts实例

var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据

myChart.setOption({

title: {

text: '近七日收益'

},

tooltip: {

formatter: function(param) {

console.log(JSON.stringify(param));

console.log(param.name);

return '

'+ param.name + "
" + param.value + "
"

'

';

}

},

legend: {

data: ['近七日收益']

},

grid: {

left: '3%',

right: '4%',

bottom: '3%',

containLabel: true

},

toolbox: {

feature: {

saveAsImage: {}

}

},

xAxis: {

type: 'category',

boundaryGap: false,

data: ["1", "2", "3", "4", "5"]

},

yAxis: {

type: 'value'

},

series: [

{

name: '近七日收益',

type: 'line',

stack: '总量',

data: ["1", "4", "3", "1", "5"]

}

]

});

// 异步加载数据

/* $.get('data.json').done(function (data) {

// 填入数据

myChart.setOption({ xAxis: { data: data.categories }, series: [{

// 根据名字对应到相应的系列

name: '销量',

data: data.data

}]

});});*/

原文作者：祈澈姑娘 技术博客：https://www.jianshu.com/u/05f416aefbe1

90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。

坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见