1. @jiaminghi/charts
Lightweight charting
@jiaminghi/charts
Package: @jiaminghi/charts
Created by: DataV-Team
Last modified: Tue, 05 Apr 2022 21:57:11 GMT
Version: 0.2.18
License: MIT
Downloads: 13,716
Repository: https://github.com/DataV-Team/charts

Install

npm install @jiaminghi/charts
yarn add @jiaminghi/charts

ENGLISH

Charts

LICENSE LICENSE

Charts是干什么的?

  • 它是一个基于canvas轻量图表库.

支持

  • 折线图
  • 柱状图
  • 饼状图
  • 雷达图
  • 仪表盘

npm安装

 $ npm install @jiaminghi/charts

使用

 import Charts from '@jiaminghi/charts'

const container = document.getElementById('container')

const myChart = new Charts(container)

myChart.setOption({
  title: 'My Chart',
  // ...otherConfig
})

详细文档及示例请移步HomePage.

快速体验

 <!--资源位于个人服务器仅供体验和测试,请勿在生产环境使用-->
<!--调试版-->
<script src="http://lib.jiaminghi.com/charts/charts.map.js"></script>
<!--压缩版-->
<script src="http://lib.jiaminghi.com/charts/charts.min.js"></script>
<script>
  const Charts = window.Charts.default
  // do something
</script>

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin