motor_perf.html

<style>
	label {
		font-size: .75rem;
		font-style: italic;
    }
	canvas {
		background-color: black;
		display:none;		
	}
	#container div {
		margin-bottom: .5rem;
	}
</style>
<h1>Motor Performance</h1>
<div class=flxwd>
	<div style='white-space: nowrap; padding-right:1rem'>
		<div>
			Line Frequency <em>(Hz)</em>
			<label><input name=line type=radio value=0> 50</label>
			<label><input name=line type=radio value=1> 60</label>
		</div>
		Motor Power <em id=unit_pow></em>
		<div><input name=motor_rated_power data-vd-rng></div>
		Speed <em>(rpm)</em>
		<div><input name=motor_rated_speed data-vd-rng></div>
		<div>
			Efficiency Class
			<label><input name='efficiency_class' type=radio value=0> Standard</label>
			<label><input name='efficiency_class' type=radio value=1> Energy</label>
			<label><input name='efficiency_class' type=radio value=2> Custom </label>
			<span><input name='efficiency'> <em>(%)</em></span>
		</div>
		Voltage <em>(V)</em>
		<div><input name=motor_rated_voltage data-vd-rng></div>
		Full-load Current <em>(A)</em>
		<div><input name='flc'> <button onclick='estFLC(this)'>EST</button></div>
		<button id=plot_btn onclick='plot()'>PLOT</button>
	</div>
	<canvas id=plot width="700" height="500"></canvas>
</div>

<script>//# sourceURL=*pump_eff

	function estFLC(e) {// estimate full load current
		nm('flc').val(flc(cvtArg(MotorPerf)));
	}

// plot

	function plot() {
		P = {
			padX: 25,
			stepX: 10,
			cntX: 12,
			padY: 50,
			stepY: 10,
			cntY: 12
		}
		const ctx = setupPlot('Motor Shaft Load (%)','Efficiency (%)');
				
		ctx.fillStyle = '#1F82BB';
		ctx.fillText("Power Factor (%)",P.cnv.width-P.padX,P.padY-5-15);
		ctx.fillStyle = 'white';
		ctx.fillText("Current (% FLC)",P.cnv.width-P.padX,P.padY-5-30);

		P.getYobj = x => 
			api('motorPerformance',{
				load_factor: (x==0 ? .1 : x)/100
			});
		curveMulti('efficiency');
		curveMulti('current','white');
		curveMulti('pf','#1F82BB');		
	}
	 
	
// init

	function effChg() {// efficiency field change
		nm('efficiency').parent().toggle(nm('efficiency_class').filter(':checked')
			.parent().text().trim()=='Custom');
	}

	pg('#unit_pow').text(`(${unit(POWER)})`)
	setCtls(MotorPerf);
	nm('efficiency_class').change(effChg);	
	setupVd();
	nmAll().change((ev)=>{
		$('canvas').hide();
		$('#plot_btn').show();
		setFromCtl(MotorPerf,ev.target);
		save();
	});
	effChg();
	
</script>