echarts使用中遇到的小技巧

自适应屏幕缩放 

pie.setOption(option);
window.addEventListener("resize", () => { pie.resize();});

环形图模块增加点击事件

pie.setOption(option);
// 点击事件
pie.on('click', function (params) {
  if(params){
    that.searchType.checkList.push(params.name)
  }
})

折线图(纵坐标取消刻度线/网格线/坐标值,横坐标显示初始值和末尾值)

yAxis: {
  splitLine: {
    show: false  // 取消网格线
  },
  axisTick: {
    show: false // 去掉刻度线
  },
  axisLabel: {
    show: false, //取消坐标值
  }
},
xAxis: {
  // 只显示最大值和最小值
  axisLabel: {
    margin: 10,
    interval: 100000,
    showMinLabel: true,
    showMaxLabel: true,
    fontSize:10,
    color: "blue" //刻度线标签颜色
  }
},
发布了38 篇原创文章 · 获赞 40 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/CuiCui_web/article/details/101011851
今日推荐