169Echarts - 仪表盘（Gauge）

效果图

源代码

	
		
		ECharts
		
		
		
		
	

	
		
		

		
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main'));
			var option;
			option = {
				tooltip: {
					formatter: "{a} {b} : {c}%"
				},
				toolbox: {
					feature: {
						restore: {},
						saveAsImage: {}
					}
				},
				series: [{
					name: '业务指标',
					type: 'gauge',
					detail: {
						formatter: '{value}%'
					},
					data: [{
						value: 50,
						name: '完成率'
					}]
				}]
			};

			setInterval(function() {
				option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
				myChart.setOption(option, true);
			}, 2000);

			myChart.setOption(option);