Echarts图表使用简单总结

1、动态添加单位
a）通过yAxis中的name属性设置

	yAxis: {
      type: "value",
      name: "单位（万元）",
      nameTextStyle: {
        color: "#aaa",
        nameLocation: "start",
      },

b）通过title中的subtext属性设置（副标题）

		yAxis: {
		  type: "value",
		},
		title: {
		  // title为标题部分，有一级标题text，二级标题subtext。这里我们使用二级标题，再修改一下这个二级标题的位置即可出现我们想要的效果了，当然样式也可通过title.subtextStyle去配置
		  subtext: "单位（万元）",
		  left: 24,// 距离左边位置
		  top: 16,// 距离上面位置
		  subtextStyle:{ // 设置二级标题的样式
		    color:"#baf"
		  }
		},

c)通过yAxis中的axisLabel属性设置

	yAxis: {
	  type: "value",
	  axisLabel: {
	    //这种做法就是在y轴的数据的值旁边拼接单位，貌似也挺方便的
	    formatter: "{value} 万元",
	  },
	},

2、 标题样式相关修改

	title:{
     text:'标题文本',
     textStyle:{
        //文字颜色
        color:'#ccc',
        //字体风格,'normal','italic','oblique'
        fontStyle:'normal',
        //字体粗细 'normal','bold','bolder','lighter',100 | 200 | 300 | 400...
        fontWeight:'bold',
        //字体系列
        fontFamily:'sans-serif'        //字体大小　　　　 fontSize:18
        // left 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比，也可以是 'left', 'center', 'right'。
	    //如果 left 的值为'left', 'center', 'right'，组件会根据相应的位置自动对齐。
	   	left:'center'  //top,right,bottom用法同left.

		//subtext:'副标题',
	　//副标题文本样式
	　　subtextStyle:{}
		 }
		}