• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

echarts怎么修改map图例字体的颜色 echarts visualmap pieces

武飞扬头像
Z_Xshan
帮助1

如果在饼形图我们可以用legend来设置

  1.  
    legend: {
  2.  
    left: 'center',
  3.  
    textStyle:{
  4.  
    fontSize: 18,//字体大小
  5.  
    color: '#ffffff'//字体颜色
  6.  
    },
  7.  
    },

但是我们想改变visualmap pieces图例的字体颜色用上面的方法一直没有效果

在这里我们在pieces里加上textStyle属性就好了

  1.  
    pieces: [ // 自定义『分段式视觉映射组件(visualMapPiecewise)』
  2.  
    的每一段的范围,以及每一段的文字,以及每一段的特别的样式
  3.  
    {gt: 900, lte: 1000, label: '非常好', color: '#6ad86e'}, // (900, 1000]
  4.  
    {gt: 500, lte: 900, label: '正常', color: '#9adcfa'}, // (500, 900]
  5.  
    {gt: 310, lte: 500, label: '警告', color: '#ffeb3b'}, // (310, 500]
  6.  
    {gt: 200, lte: 300, label: '较差', color: '#ff9800'}, // (200, 300]
  7.  
    {gt: 10, lte: 200, label: '非常差', color: 'orangered'}, // (10, 200]
  8.  
    {value: 0, label: '无数据', color: '#999'} // [0]
  9.  
    ],
  10.  
    //设置字体颜色
  11.  
    textStyle: {
  12.  
    color: '#ffffff'
  13.  
    },

学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhibeahg
系列文章
更多 icon
同类精品
更多 icon
继续加载