Translate Ty Widget

Sébastien Janaud - June 3, 2015 - updated june 2017 / Samples

Translate Ty

Ty widget is a control bar with two buttons that perform shift to north or south direction.

Resource : chart source code

Learn : javascript translate plugin sources

Part : Part 1 - Part 2 - Part 3 - Part 4 - Part 5

Translate Ty Widget



var translate = new JenScript.TranslatePlugin({mode : 'y'});
proj.registerPlugin(translate);

var percents = ['0%','50%','100%'];
var colors = ['34495e','black','34495e'];
var opacity  = [0.8,0.8,0.8];
var ty = new JenScript.TranslateY({
	width : 16,
	height :  60,
	outlineStrokeColor : '#16a085',
	outlineStrokeWidth : 2,
	shader : {percents : percents, colors : colors,opacity:opacity},
	buttonFillColor :  '#16a085',
	buttonStrokeWidth : 1,
	buttonRolloverFillColor : '#3498db',
});
translate.registerWidget(ty);

translate.select();