最近用的Echarts的一些参数的理解,更新中......

本文详细介绍了Echarts使用过程中的一些关键参数配置,包括图表标题、图例、提示框、坐标轴等,并记录了解决地图背景色变化及曲线图节点显示问题的解决方案。后续将持续更新更多遇到的问题及解决办法。
摘要由CSDN通过智能技术生成

option={

     backgroundColor:"#000",//画出来的图的整体背景色,除了纯色之外颜色也支持渐变色和纹理填充

title:{//画出来的图的标题,可以设置颜色位置等等属性
    text: '
画图实例',
    textStyle:{
    color:"#fff",
    fontSize:14,
    },
    left:'center',
    y:"bottom"
    },

legend:{//画出来的图的图例,可以设置颜色位置等等,各种属性需要用不同的属性值来控制
        textStyle:{
              color:"#fff",
      }
      },
 


tooltip: { //画出来的图的鼠标悬停到某个对象时显示的内容,可以设置内容等等,trigger的值不同,formatter中{a}{b}{c}{d}所代表的内容也不同
          trigger: 'axis',
          formatter:'{a}:<br/>{c}'
      },

xAxis:{

//x轴的各种设置

},

yAxis:{

//y轴的各种设置

},








}



这个排版有点坑,列出来之后不是编辑的时候的排版了、、、、、

这里记录一些遇到的具体问题:

1、有一个地图类型的图,鼠标滑到各个省份上去的时候,相应的省份背景色会变成一种背景色,由于这个图本身就是用背景色来区分各个省份的重要程度或者条目密集程度,所以鼠标悬停时不需要背景色变化,解决:

series:[{

type:"map",

itemStyle:{

emphasis:{

areaColor:"",//将areaColor置为空,鼠标悬停的时候背景色就不会变化了

}

}

}]

2、有一个曲线类型的图,鼠标滑到各个节点上去的时候,相应的节点内容显示,但是实线和虚线交界处出现了重复的问题,解决:

tooltip: {
          trigger: 'axis',
          formatter:'{a}:<br/>{c}',//trigger的值不同,formatter中{a}{b}{c}{d}所代表的内容也不同
      },

3、曲线的三个对象的图例的字体颜色

timeline:{
              label:{
              normal:{
              color:"#fff"
              }
              }
              },




暂时先记录到这里,以后再有什么坑的话,我研究之后再慢慢更新....................


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值