echarts.js 悬停时饼图工具提示不起作用
echarts.js pie chart tooltip on hover not working
我有使用 echarts.min.js 的饼图。问题在于悬停,工具提示未显示。
我的密码是
var echartPie = echarts.init(document.getElementById('mediaUserChart'));
echartPie.setOption({
tooltip: {
trigger: 'item',
formatter: "{a} - {b} : {c} ({d}%)"
},
hover:true,
legend: {
x: 'center',
y: 'bottom',
data:
['others', 'just dial', 'trade india', 'india mart']
},
toolbox: {
show: true,
feature: {
magicType: {
show: true,
type: ['pie', 'funnel'],
option: {
funnel: {
x: '25%',
width: '50%',
funnelAlign: 'left',
max: 1548
}
}
},
restore: {
show: false,
title: "Restore"
},
saveAsImage: {
show: false,
title: "Save Image"
}
}
},
calculable: true,
series: [{
name: 'Media Users',
type: 'pie',
radius: '55%',
center: ['50%', '48%'],
data:
[{
value: 335,
name: 'others'
}, {
value: 234,
name: 'just dial'
}, {
value: 135,
name: 'trade india'
}, {
value: 1548,
name: 'india mart'
}]
}]
});
我在这里使用了工具提示选项。仍然没有显示工具提示。任何人都可以知道这个问题的解决方案吗?
我把<canvas id="mediaUserChart" ></canvas>
改成了<div id="mediaUserChart" style="height:350px;"></div>
它对我有用...
我有使用 echarts.min.js 的饼图。问题在于悬停,工具提示未显示。 我的密码是
var echartPie = echarts.init(document.getElementById('mediaUserChart'));
echartPie.setOption({
tooltip: {
trigger: 'item',
formatter: "{a} - {b} : {c} ({d}%)"
},
hover:true,
legend: {
x: 'center',
y: 'bottom',
data:
['others', 'just dial', 'trade india', 'india mart']
},
toolbox: {
show: true,
feature: {
magicType: {
show: true,
type: ['pie', 'funnel'],
option: {
funnel: {
x: '25%',
width: '50%',
funnelAlign: 'left',
max: 1548
}
}
},
restore: {
show: false,
title: "Restore"
},
saveAsImage: {
show: false,
title: "Save Image"
}
}
},
calculable: true,
series: [{
name: 'Media Users',
type: 'pie',
radius: '55%',
center: ['50%', '48%'],
data:
[{
value: 335,
name: 'others'
}, {
value: 234,
name: 'just dial'
}, {
value: 135,
name: 'trade india'
}, {
value: 1548,
name: 'india mart'
}]
}]
});
我在这里使用了工具提示选项。仍然没有显示工具提示。任何人都可以知道这个问题的解决方案吗?
我把<canvas id="mediaUserChart" ></canvas>
改成了<div id="mediaUserChart" style="height:350px;"></div>
它对我有用...