/**
* 通用配置:
* 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是对应的
* }
*/
Echarts的一些通用配置
最新推荐文章于 2024-06-28 08:46:07 发布