How to use the @hpcc-js/layout.Border function in @hpcc-js/layout

To help you get started, we’ve selected a few @hpcc-js/layout examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github hpcc-systems / Visualization / tests / test-other / src / other.spec.ts View on Github external
["Astrology", 6]
                                    ])
                                    .label("Label:  ")
                                    .valueColumn("Col Value")
                                    .textColumn("Col Label")
                                );
                                break;
                            case Legend:
                                const line = new Line()
                                    .columns(data.ND.ampolar.columns)
                                    .data(data.ND.ampolar.data)
                                    ;
                                const legend = new Legend()
                                    .targetWidget(line)
                                    ;
                                render(new Border()
                                    .setContent("center", line)
                                    .setContent("right", legend)
                                );
                                break;
                            default:
                                it.skip("Missing Test", () => {
                                    expect(false).to.be.true;
                                });
                        }
                    }
                });
            }
github hpcc-systems / Visualization / tests / test-layout / src / layout.spec.ts View on Github external
.data(data.ND.subjects.data)
                                            )
                                            .pushListItem(
                                                new Surface()
                                                    .size({ height: 200, width: 200 })
                                                    .title("Hello and Welcome!")
                                                    .widget(new Line()
                                                        .columns(data.ND.subjects.columns)
                                                        .data(data.ND.subjects.data)
                                                    )
                                            )
                                        )
                                );
                                break;
                            case Border:
                                render(new Border()
                                    .setContent("top", new Pie()
                                        .columns(data.ND.subjects.columns)
                                        .data(data.ND.subjects.data)
                                    )
                                    .setContent("right", new Line()
                                        .columns(data.ND.subjects.columns)
                                        .data(data.ND.subjects.data)
                                    )
                                    .setContent("bottom", new Column()
                                        .columns(data.ND.subjects.columns)
                                        .data(data.ND.subjects.data)
                                    )
                                    .setContent("left", new Step()
                                        .columns(data.ND.subjects.columns)
                                        .data(data.ND.subjects.data)
                                    )