有的需求需要一次移入事件展示多个图标的tooltip方便用户查看,效果如下
链接如下 : e-chart
主要配置是
tooltip: { trigger: 'axis', axisPointer: { animation: false } }, axisPointer: { link: [ { xAxisIndex: 'all' } ] },
完整option代码
option = { tooltip: { trigger: 'axis', axisPointer: { animation: false } }, axisPointer: { link: [ { xAxisIndex: 'all' } ] }, title: [], grid: [ { top: 50, width: '100%', bottom: '45%', left: 10, containLabel: true }, { top: '55%', width: '100%', bottom: 0, left: 10, containLabel: true } ], yAxis: [ { type: 'value', splitLine: { show: false } }, { type: 'value', gridIndex: 1, splitLine: { show: false } } ], xAxis: [ { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], axisLabel: { interval: 0, rotate: 30 }, splitLine: { show: false } }, { gridIndex: 1, type: 'category', data: ['Mon1', 'Tue1', 'Wed1', 'Thu1', 'Fri1', 'Sat1', 'Sun1'], axisLabel: { interval: 0, rotate: 30 }, splitLine: { show: false } } ], series: [ { type: 'bar', stack: 'chart', z: 3, data: [820, 932, 901, 934, 1290, 1330, 1320] }, { type: 'bar', stack: 'component', xAxisIndex: 1, yAxisIndex: 1, z: 3, data: [80, 92, 91, 34, 120, 130, 130] } ] };
标签:axisPointer,false,show,splitLine,chart,tooltip,type,图标 From: https://www.cnblogs.com/fanjlqinl/p/18098465