请问echarts如果配置了visualMap,且series里有两组数据,如何使得其中一份数据不应用visualMap?

发布于 2021-12-03 04:12:43 字数 2795 浏览 670 评论 2

如下图所示,只想让visualMap应用于地图中的热力图,而不应用于右边的柱状图,该如何实现?

mapChinaOption = {
  title: {
    text: '',
    subtext: '',
    sublink: '',
    x:'center',
  },

  geo: {
    map: 'china',
    left: '3%',
    right: '47%',
    zoom: 1.0,
  },
  itemStyle:{
    normal:{
    areaColor:"#ffb6c1"
    }
  },
  visualMap: {
    min: 0,
    max: 10,
  },

  yAxis: {
    show:true,                  //---是否显示
    position:'bottom',          //---x轴位置
    type:'category',            //---轴类型,默认'category'
    name:'',              //---轴名称
    data: ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"],
  },

  xAxis: {
    show:true,                  //---是否显示
    position:'left',            //---y轴位置
    type:'value',           //---轴类型,默认'category'
    name:'',              //---轴名称
  },

  grid:{
    top: '6%',
    left: '55%',
    right: '3%',
    bottom: '6%',
    containLabel: true
  },

  series: [
    {
      name: '',
      type: 'heatmap',
      center: ['35%', '30%'],
      coordinateSystem: 'geo',
                  data: {},
    },
    {
      name: '',             //---系列名称
      type: 'bar',                //---类型
      visualMap: false,
      itemStyle: {
        //通常情况下:
        normal:{
          color: 'blue'
        }
      },

      data: [3020, 4800, 3600, 6050, 4320, 6200,5050,7200,4521,6700,8000,5020]
    }
  ]
};
 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

青萝楚歌 2021-12-08 06:56:14

谢谢,给力的小姐姐!

成熟稳重的好男人 2021-12-07 20:16:16

visualMap.seriesIndex希望能帮到你

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文