iframe-proxy | Sunbelt Computer Software

Repository navigation

<!DOCTYPE html>

<html>

<head>

</head>

const bodyView = swim.HtmlView.fromNode(document.body);

const containerView = bodyView.append("div").display("flex").width("67%").height("67%").touchAction("none").userSelect("none");

const canvasView = swim.CanvasView.create()

.mouseEventsEnabled(true)

.pointerEventsEnabled(true)

.touchEventsEnabled(true)

.touchAction("manipulation");

/* Pie View */

const pieView = canvasView.append(swim.PieView)

.font("14px sans-serif");

const sliceColors = [swim.Color.parse("#00a6ed"),

swim.Color.parse("#6acd00"),

swim.Color.parse("#c200fa")];

const pieIndices = {"foo": 0, "bar": 1, "baz": 2};

function updateSlice(key, value) {

const v = value.get(key).numberValue();

let slice = pieView.getChildView(key);

if (slice) {

const timing = swim.Easing.linear.withDuration(1000);

slice.value(v, timing);

slice.label(v.toFixed());

} else {

const sliceColor = sliceColors[pieIndices[key]];

slice = pieView.append(swim.SliceView, key)

.value(v)

.sliceColor(sliceColor)

.label(v.toFixed())

.legend(key)

.textColor("#4a4a4a")

.on("pointerenter", function (event) {

slice0View.modifyMood(swim.Feel.default, [[swim.Feel.primary, 1]], true);

})

.on("pointerleave", function (event) {

slice0View.modifyMood(swim.Feel.default, [[swim.Feel.primary, void 0]], true);

});

}

/* Data Subscriptions */

const valueLink = swim.downlinkValue()

.hostUri("warp://localhost:9001")

.nodeUri("/unit/master")

.laneUri("latest")

.didSet(function (value) {

updateSlice("foo", value);

updateSlice("bar", value);

updateSlice("baz", value);

})

.open();

containerView.append(canvasView);

</script>

</body>

</html>

Sunbelt Computer Software

PL/B Language Development and Support

Navigation Menu

Repository navigation

pie.html

pie.html

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

pie.html

Latest commit

History

pie.html

File metadata and controls