Skip to content

图表

采用的是EChartsv5。适配了暗色模式和国际化,同时做了 resize 的处理。默认使用的是按需加载的方法,在resources文件夹下的onDemand.ts文件中定义了使用到的 echarts 组件。如果有需求进行变动,自行查阅文档即可。同时做了reducedMotion适配。

INFO

无需引入,可直接使用

Usage

最简单的用法,就是直接传入 option。option 的类型,直接使用EChartsOption即可,全局定义的类型。

vue
<template>
  <w-echarts :option="option" />
</template>

Props

名称类型默认值说明
optionEChartsOption-echart 配置
heightstring400px图表高度
widthstring100%图表宽度

Type

ts
interface WEchartsProps {
  option: EChartsOption
  height?: string
  width?: string
}

TODO

  • 通用:支持 cdn 用法,为那些需要减小打包体积的开发者

基于 MIT 许可发布