Shulou(Shulou.com)06/01 Report--

This article will explain in detail what is the use of sChart.js for you. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

Introduction

As a small and simple chart library, sChart.js does not have too many chart types, but only contains four basic charts: bar chart, line chart, pie chart and ring chart. Although the sparrow is small, it has all the internal organs. SChart.js can basically meet the needs of these four charts. And its small, reflected in its size, the code is only 8kb, if the server's Gzip compression, it is even smaller, so do not worry about causing project code redundancy.

The library is implemented in canvas and is compatible with browsers above IE9.

User's guide

$npm install schart.js

Import sChart from 'schart.js'

You can also insert script directly into your HTML page:

Easy to use:

New sChart (canvasId, type, data, options)

A chart can be generated.

The id of the canvasId:canvas tag, required.

Type: chart type, required.

Options: chart configuration parameters, optional, refer to the documentation.

Data: the data to generate the chart in the format:

Data: [

{name: 'xx', value:' yy'}

]

Name is the coordinate value, and value is the cylindrical data value.

Other types of charts have the same data format, and different charts can be generated from the same data.

Vue correlation

Vue-schart: a library that encapsulates sChart.js in vue.js. Easy to use in vue projects.

This is the end of this article on "what's the use of sChart.js". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.