Echarts的一些通用配置

/**
         * 通用配置:
         * 1、title:{
         *      //控制标题的样式
         *      textStyle:{color:'red',},设置标题的样式
         *      //控制标题的边框
         *      borderWidth:5,//设置标题的边框
         *      borderColor:'red',//边框颜色
         *      borderRadius:3,//边框圆角
         *      //控制标题的位置
         *      left:30,//也可以right
         *      top:30,//也可以buttom
         * },
         * 2、tooltip:{//提示框
         *      trigger:'item',//也可以axis(只要在轴上提示框就出来),item(范围)
         *      triggerOn:'click',//点击后提示框出来,默认(mouseover 鼠标进入)
         *      formatter:`{a}`,可以写文字或其他符号{b}',//可以是字符串或函数,{a}{b}{c}{d}等,不同的图标代表的意义是不同的,函数例子:
         *      formatter:function(arr){
         *          return arr[0].name + '的分数是' + arr[0].data
         *      },
         *      //也可以设置提示框的样式
         *      backgroundColor: "rgba(0,0,0,0.3)",
         *      borderColor: "rgba(0,0,0,0)",
         *      textStyle: {
         *          color: "#fff"
         *      },
         * }
         * 3、toolbox:{//提供了工具栏:导出图片,数据视图,动态类型切换,数据区域缩放,重置
         *      //都是不用写东西的,除了最后一个图表切换
         *      feature:{//对图表的扩展设置
         *          saveAsImage:{},//可以将图表变成图片并导出
         *          dataView:{},//将图表变成视图,并且可以直接修改里面的数据
         *          restore:{},重置按钮,将所有数据回复原状
         *          dataZoom:{},可以对区域进行缩放
         *          magicType:{//可以在不同的图表之间来进行切换
         *              type:['bar','line'],//图表的类型,柱状图或折线图,可以写多个不同的图表
         *          }
         *      }
         * }
         * 4、legend:图例,用于筛选系列,需要配合series使用
         *      series:[//可以写多条数据
         *         {
         *              name:'语文',
         *              type:'bar',
         *              data:[],
         *          },
         *          {
         *              name:'数学',
         *              type:'bar',
         *              data:[],
         *          },
         *      ],
         *      legend:{//可以筛选每一组数据,语文或数学
         *          data:['语文','数学'],//和series里面的name是对应的
         *      }
         */
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值