吃糖牙疼的博客

echarts升级5.0之后 map使用…

浏览器运行一段时间就会非常卡，需要销毁实例，再次使用需要重新构建实例。ECharts在每次setOption后都需要清理变量，在ECharts中是有API手动清理变量的，分别是clear()和dispose()，区别是前者只需插入参数，ECharts就会重绘图表；而后者则是直接将ECharts对象进行清理，需要重新构建ECharts对象。 beforeDestroy () { let Chart = echarts.getInstanceByDom(this.$refs.barchart)

tooltip ={ //提示框组件 trigger: 'item', //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 triggerOn:"mousemove", //提示框触发的条件,'mousemove'鼠标移动时触发。'click

echarts中拼接虚线后和magicType事件切换冲突，导致数据展示错误//拼接虚线数据处理： series: [{ data: [820, 932, 901, 934, 1290, 1330, '-'], type: 'line' }, { data: ['-', '-', '-', '-', '-', 1330, 1320], smooth: false, itemStyle: {

echarts中tooltip方法和formatter结合时的处理export const tooltip = () => { let tooltip = { trigger: 'axis', textStyle: { color: 'black', }, borderWidth: '1', borderColor: '#eee', backgroundColor: 'rg

一个页面多个echarts时自适应失效，分两种情况一是当前页面有多个echarts，resize失效，将上面的代码替换成下面的就可以了： myChart.setOption(option); window.onresize = myChart.resize; myChart.setOption(option); window.addEventListener("resize",function(){ myChart.resize(); });二是，引了echarts组件，循环展