dtcloud通过Echarts展示数据时,自定义数据标签颜色以及隐藏图例

128 阅读1分钟

1、自定义数据标签颜色,字号
代码:

	option = {

	  legend: {

	    top: 'bottom'

	  },

	  toolbox: {

	    show: true,

	    feature: {

	      mark: { show: true },

	      dataView: { show: true, readOnly: false },

	      restore: { show: true },

	      saveAsImage: { show: true }

	    }

	  },

	  series: [

	    {

	      name: 'Nightingale Chart',

	      type: 'pie',

	      radius: [50, 250],

	      center: ['50%', '50%'],

	      roseType: 'area',

	 

	      itemStyle: {

	        borderRadius: 8

	      },

	      data: [

	        { value: 40, name: '国家级高新企业(40家)',label:{color:"#f6280d",fontSize:20}},

	        { value: 38, name: '新型研发机构(38家)',label:{color:"#f6280d",fontSize:20}},

	        { value: 32, name: '院士专家工作站(32家)' ,label:{color:"#f6280d",fontSize:20}},

	        { value: 30, name: '高层次人才数(32人)' ,label:{color:"#f6280d",fontSize:20}},

	        { value: 28, name: '技术交易总额(28亿元)' ,label:{color:"#f6280d",fontSize:20}},

	        { value: 26, name: '城镇化率26(%)' ,label:{color:"#f6280d",fontSize:20}},

	 

	      ]

	    }

	  ]

	};

效果:

image.png