前言:
有的时候,tooltip中需要展示一些数据,但是有的数据在echarts默认option属性中没有时,就只能自己将数据传入option中,下面是亲测有效的一种写法。
写法:
将想要传入的数据写在series的data里,变量名称自己定,option代码如下:
var option = {
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
legend: {
data:['销量']
},
xAxis: {
data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis: {},
series: [{
name: '销量',
type: 'bar',
data: [
{
value: 5,
myData: '啦啦啦啦' // 传入数据,变量名自己定
},
{
value: 20,
myData: '啦啦啦啦'
},
{
value: 36,
myData: '啦啦啦啦'
},
{
value: 10,
myData: '啦啦啦啦'
},
{
value: 23,
myData: '啦啦啦啦'
}
]
}],
tooltip: {
formatter: function(data) {
console.log(data);
debugger;
}
}
};
concole.log处打印出来的数据如下:
可以在tooltip的formatter中拿到自己传入的变量啦!!!

本文介绍了如何在ECharts中将自定义的数据字段变量传入option,通过在series的data中添加变量,并在tooltip的formatter中使用,实现数据显示。

786

被折叠的 条评论
为什么被折叠?



