echarts的dispatchAction操作: 默认选中最右一项tooltip, dataZoom可视区域默认置于最左

104 阅读 0 评论 69 点赞

我是靠谱客的博主无聊心情，最近开发中收集的这篇文章主要介绍echarts的dispatchAction操作: 默认选中最右一项tooltip, dataZoom可视区域默认置于最左，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

	drawChart(){
let xData=[] // x轴数据
let showCount = 4 // 可视区域内展示数量
let mychart= this.$echarts.init(document.getElementById('chartId'))
mychart.clear()
mychart.setOption(options)
mychart.clear()
// 默认选中最右一项弹出tooltip
mychart.dispatchAction({
type: 'showTip',
position: [220, 180], // 调整位置
seriesIndex: 0, // 系列的 index
dataIndex: xData.length - 1 // 数据的 index
})
// dataZoom可视区域默认置于最左
mychart.dispatchAction({
type: 'dataZoom',
startValue: 0,
endValue: xData.length > 1 ? showCount - 1 : 0 // showCount为可视区域内展示数量
})
}