string佳佳的博客

【代码】【echarts】自定义dataZoom样式。

问题重现：vue-echarts进行数据缩放的图表的渲染，图表数据是实时更新的。每一次更新都会刷新图表，导致用户选择的缩放范围在更新后被重置。但是用户希望在刷新图表数据时，能够保持缩放范围。解决方法：监听图表的dataZoom（缩放）事件，记录缩放后的start和end（缩放范围）。在刷新图表前，将记录的缩放范围设置到option中dataZoom的start和end值。<IEcharts :option="optionC" :resizable="tru

效果图：配置项option：option: { grid: { top: 80, bottom: 30, left: 40, right: 45 }, tooltip: { trigger: 'axis', formatter: function(params) { const month = '<div&

效果图：配置项option：option: { backgroundColor: 'transparent', color: ['#3060ff', '#44c6fe', '#ffc455', '#25dd96', '#25cedd', '#4AEAB0'], tooltip: { trigger: 'item', formatter: function(params) { const co