npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

meenams-comp-gantt-chart

v0.1.28

Published

## Prerequisites Before you start, ensure you have a running Lowcoder installation. Alternatively, you can use it online at [https://app.lowcoder.cloud](https://app.lowcoder.cloud).

Downloads

47

Readme

Using Lowcoder Component Plugin

Prerequisites

Before you start, ensure you have a running Lowcoder installation. Alternatively, you can use it online at https://app.lowcoder.cloud.

Gantt Chart Component Plugin Overview

The Gantt Chart component plugin for Lowcoder allows you to create, manage, and visualize project tasks and timelines efficiently. This component is highly customizable, offering various styling and interaction options to fit your application's needs.

Opensource

This pugin based on the fantastic work of MaTeMaTuK. Please find here the original sources: gantt-task-react

Key Features

  • Task Management: Create and manage tasks with start/end dates, progress tracking, and dependencies.
  • View Modes: Multiple view modes such as Hour, Day, Week, Month, and Year.
  • Customizable Styles: Extensive styling options for Gantt chart elements, including bar colors, text sizes, row heights, and more.
  • Event Handling: Handle various events like task date changes, clicks, deletions, and progress updates.
  • Tooltip and Legend: Customize tooltips and legend styles for a better user experience.

Styling Options

The Gantt Chart plugin offers several sections for styling different parts of the chart:

  • Legend Header Style: Customize the header of the task list.
  • Legend Style: Style the task list.
  • Tooltip Style: Define the appearance of tooltips.
  • Chart Style: Adjust the main chart's appearance, including bar colors, corner radius, and more.

Event Handling

The plugin supports various events to enhance interactivity:

  • Task Date Changed: Triggered when task dates are modified.
  • Task Clicked: Triggered when a task is clicked.
  • Task Deleted: Triggered when a task is deleted.
  • Task Progress Changed: Triggered when task progress changes.
  • Task Selected: Triggered when a task is selected.
  • Task Updated: Triggered when a task is updated.

Steps to Use the Plugin

  1. Open the App Editor: Navigate to the App Editor within your Lowcoder application.
  1. Access Components Panel: In the App Editor, locate the right panel where components are listed.

  2. Switch to Extensions: Find and switch on the "Extensions" toggle. This option allows you to add additional components to your project.

  1. Load the Plugin: Here you have the option to load a Lowcoder Component Plugin from NPM. For example, to load the "hill charts" plugin, type lowcoder-comp-hillcharts in the provided field.
  1. Start Using the Plugin: After loading the plugin, it will be available for use within your Lowcoder project. You can now integrate and customize the component as per your application's needs.