Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@opentiny/huicharts

Package Overview
Dependencies
Maintainers
1
Versions
5
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/huicharts

Opentiny HUICharts library for web visualization

  • 1.3.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
398
increased by19.88%
Maintainers
1
Weekly downloads
 
Created
Source

OpenTiny Logo

OpenTiny HUICharts is a powerful set of front-end visualization chart libraries, which provides more than 40 chart components for web developers. It supports a variety of capabilities such as theme customization, responsiveness, and accessibility, and is fully compatible with ECharts's API.

English | 简体中文

🌈 Features:

  • 📦 Contains over 40 concise and easy-to-use chart components
  • 🖖 One set of code supports Vue, Angular, and React frameworks simultaneously
  • 🎨 Integrate multiple theme specifications and support theme customization
  • 💡 Integrated features such as adaptive, performance improvement, accessibility, and scale optimization

🛠️ Usage

1. Installation

  1. Prepare the environment. Ensure that Node.js is installed and the Node.js version is 10.13 or later. Run the node -v command to check the node version.
  2. Check the current version of the library npm show @opentiny/huicharts.
  3. Use the NPM to install the component library of the latest version: npm install @opentiny/huicharts@latest --save.

2. Import component

// Refer to the chart library.
import HuiCharts from '@opentiny/huicharts';

// Create a chart container.
<div id="main" style="width: 600px;height:400px;"></div>

// Create a chart instance.
let chartIns = new HuiCharts();

// Initialize the chart container.
let chartContainerDom = document.getElementById('main');
chartIns.init(chartContainerDom);

// Enter the chart configuration items.
let chartOption = {...};
// Specify the chart type, such as LineChart, AreaChart, BarChart, PieChart, GaugeChart, RadarChart, ProcessChart, and BubbleChart.
// The English name of the chart type can be viewed in the menu bar on the left of the document.
let chartType = 'LineChart';
chartIns.setSimpleOption(chartType, chartOption);

// Start rendering.
chartIns.render();

🖥️ Development

git clone git@github.com:opentiny/tiny-charts.git
cd tiny-charts
npm i

# start project
npm run dev

打开浏览器访问:http://localhost:8080/

Contributing

Welcome to join our OpenTiny community!🎉

If you don't know how to start, please read our contributing guide.

  • Add the official assistant WeChat opentiny-official and join the technical exchange group.
  • Add to the mailing list opentiny@googlegroups.com

License

MIT

Keywords

FAQs

Package last updated on 06 Dec 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc