npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

rw-charts-designer

v0.8.3

Published

统计图定制工具,根据定制数据源及属性进行定制出想要的统计图形。包括柱状图、曲线图、饼图、散点图及多种图形的组合等。

Readme

rw-charts-designer

统计图定制工具,根据定制数据源及属性进行定制出想要的统计图形。包括柱状图、曲线图、饼图、散点图及多种图形的组合等。

支持自定义插件定制图形。

定制要求

数据源需提前通过数据源定制工具准备。 定制工具版本约束:0.7.5+

插件开发

目录结构

xxx文件夹

​ |__form.json(描述图表表单json,基于AVUE)

​ |__icon.png(图表类型图标)

​ |__resolver.js(图表解析类)

​ |__toOption(dataConfig, property)(表单转图表option方法)

​ |__loadForm(source, formOption)(加载图表Form)

​ |__toForm(option,form)(图表option转表单)

​ |__getForm()(外部获取图表form对象)

​ |__getIcon()(获取图表标图)

              |__getTitle()(获取图表标题)

​ |__updateOption(option,data)(查询数据后调用插件更新图表option)

​ |__exportPpt(fileName,chartOpt,chartOption)(导出PPT文件)

​ |__xxxxx.json(描述额外表单json,例如xAxis.json、yAxis.json等)

挂载方式

1.开发完成后将xxx类型图标文件夹放到定制工具的src/plugins/chart/目录下。

2.在src/plugins/chart/plugins.json中添加图表类型。例:

[
  {
    "name": "chart",
    "children": [
      {
        "value": "bar"
      },
      {
        "value": "line"
      },
      {
         "value": "pie"
      },
      {
        "value": "combination"
      },
      {
        "value": "scatter"
      },
      {
        "value": "candlestick"
      },
      {
        "value": "combinationLengthwise"
      },
      {
        "value": "gauge"
      },
      {
        "value": "radar"
      },
      {
         "value": "map"
      },
      {
         "value": "funnel"
      },
      {
         "value": "bar3D"
      },
      {
         "value": "scatter3D"
      },
      {
         "value": "line3D"
      }
    ]
  }
]

版本更新

0.8.2(2022-1-12) 1.支持地图、3D柱图、3D曲线图、漏斗图功能 2.完善综合图属性设置 3.新增动态标题支持定制数据源功能 4.完善柱图圆角问题 5.更新前端API为0.8.2版本

0.8.1(2021-9-21) 1.支持地图、3D柱图功能 2.添加主题样式 3.完善标题字体样式 4.完善XY轴设置 5.更新前端API为0.8.1版本

0.8.0(2021-07-25) 1.定制工具支持数据编辑刷新图形功能。 2.更新echarts版本到5.1.2。 3.定制工具支持导出pdf及动态标题功能。 4.定制工具添加部分属性,如钻取等配置。 5.支持雷达图、多复杂图纵向排列图、仪表盘等。 6.更新前端API为0.8.0版本。

0.7.7(2021-05-19) 1.完善图例及提示框显示

0.7.6(2021-05-19) 1.更新数据服务api为统一API接口。

0.7.5(2021-03-23) 1.开发插件化定制。

2.支持数据回显功能。

3.支持仪表图和K线图。

0.7.4(2021-03-05)

1.支持定制饼状图、柱状图、线状图、散点图及综合图。