s-charts

英文 English Version

此文是介绍封装的工具函数的文档@simon_he/s-charts #

更多 #

• 通用函数 lazy-js-utils
• 导出函数 exports-functions
• threejs简单化 s-three
• numsWheel 组件 s-nums-wheel
• vAxios 请求封装v-axios

使用说明 #

npm i @simon_he/s-charts # 安装

import { 
  sCharts,
  ...
 } from '@simon_he/s-charts' # 按需引入

目录结构 #

sCharts #

• 简单化echarts使用
• 可以让你的代码更加简洁,更加美观
• 不需要在onMounted中执行,可以在任意时刻使用
• 自动监听resize事件,自动更新canvas的大小
• 参数:
  • container: string | HTMLElement, 父容器
  • options: SChartsOption, echarts配置options,扩展了w: 初始化宽度, h: 初始化高度, theme: echarts主题, 所有的事件行为以on开头都会被调用
  • autoResize: boolean, 是否自动调整宽高

const charts = sCharts('#main', {
  w: 500,
  h: 300,
  theme: 'dark',
  xAxis: {
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
  },
  yAxis: {},
  series: [
    {
      type: 'bar',
      data: [23, 24, 18, 25, 27, 28, 25],
    },
  ],
})

GitHub #

欢迎PR