我没有设置数据项的默认样式,因为都是动态获取生成的 只设置了tooltip: { trigger: "axis", axisPointer: { type: "shadow", },
时间: 2024-03-26 18:39:30 浏览: 104
echarts 甘特图,tooltip 轮播
如果您没有设置数据项的默认样式,可以在 itemStyle.emphasis 中直接设置阴影颜色,如下所示:
```
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
itemStyle: {
emphasis: {
shadowColor: '#ff0000',
shadowBlur: 20
}
}
}]
};
// 绑定点击事件
myChart.on('click', function (params) {
// 获取当前点击的数据项
var item = option.series[0].data[params.dataIndex];
// 改变其阴影颜色
item.itemStyle.emphasis.shadowColor = '#0000ff';
// 更新图表
myChart.setOption(option);
});
```
在以上代码中,tooltip 配置项用于设置鼠标悬停时的提示框,与数据项的样式无关。在 itemStyle.emphasis 中直接设置阴影颜色,并在点击事件中修改其值即可。
阅读全文