Skip to content

图表 ​

采用的是ECharts的 v5。适配了暗色模式和国际化,同时做了 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 许可发布