Repository files navigation

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

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

// Refer to the chart library.importHuiChartsfrom'@opentiny/huicharts';// Create a chart container.<divid="main"style="width: 600px;height:400px;"></div>// Create a chart instance.letchartIns=newHuiCharts();// Initialize the chart container.letchartContainerDom=document.getElementById('main');chartIns.init(chartContainerDom);// Enter the chart configuration items.letchartOption={...};// 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.letchartType='LineChart';chartIns.setSimpleOption(chartType,chartOption);// Start rendering.chartIns.render();

git clone git@github.com:opentiny/tiny-charts.gitcd tiny-chartsnpm i# start projectnpm run dev

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

Welcome to join our OpenTiny community!🎉

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

• Add the official assistant WeChatopentiny-official and join the technical exchange group.
• Add to the mailing listopentiny@googlegroups.com

MIT