ucharts

Create and customize uCharts charts for uni-app and WeChat Mini Programs.

1|2|Updated Jan 15, 2026
One-click install
npx skills add https://github.com/ihmorol/unsw-nb15-handling-binary-multiclass-ids --skill ucharts
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ucharts
Source: https://github.com/ihmorol/unsw-nb15-handling-binary-multiclass-ids/tree/main/.opencode/skills/ucharts
Command: npx skills add https://github.com/ihmorol/unsw-nb15-handling-binary-multiclass-ids --skill ucharts

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and templates (resource) components.

What problem does it solve?

This Skill provides comprehensive guidance and examples for using the uCharts library to create various types of charts in uni-app and other JavaScript environments, simplifying the process of data visualization.

Core Features & Use Cases

  • Chart Creation: Generate line, column, pie, radar, and many other chart types.
  • Configuration: Customize chart appearance, data display, and interactivity.
  • Platform Support: Works seamlessly with uni-app, WeChat Mini Programs, H5, and APP.
  • Use Case: You need to display sales trends over the last month using a line chart in your uni-app application. This Skill can guide you through setting up the chart component, formatting your data, and configuring the chart's appearance.

Quick Start

Use the ucharts skill to create a basic line chart with categories 'Mon', 'Tue', 'Wed' and series data [10, 20, 15].

Frequently Asked Questions about ucharts

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create charts in uni-app for cross-platform H5 and WeChat Mini Program environments?

To create cross-platform charts in uni-app, use the uCharts library to configure chart components and data formats for H5 and WeChat Mini Programs. It supports line, column, pie, and radar visualizations.

What data formats do I need to set up a line chart in uni-app?

Setting up a line chart in uni-app requires defining category arrays like 'Mon' or 'Tue' and mapping corresponding series data arrays such as [10, 20, 15]. uCharts processes these inputs to render the visualization.

Does the uCharts library support WeChat Mini Program and APP platforms?

Yes, uCharts works seamlessly with WeChat Mini Programs and APP platforms. It provides configuration options and templates that ensure consistent chart rendering across uni-app, H5, and mini-program environments.

How do I customize chart appearance and interactivity in JavaScript applications?

Customize chart appearance and interactivity in JavaScript applications by applying uCharts configuration options. You can modify visual properties and interactive behaviors for line, column, pie, and radar chart types.

What is the best way to display sales trends over the last month using uni-app data visualization?

Displaying sales trends over the last month in uni-app is best achieved using uCharts line charts. Format your time-series data and configure the chart component to visualize the progression.

Can I generate pie and radar charts using frontend JavaScript without external dependencies?

Generate pie and radar charts in frontend JavaScript using uCharts, which operates without external dependencies. It provides built-in templates and API references for rendering these chart types.