my-chart-demo v1.2.3

my-chart-demo

tips: 个人兴趣做的插件，当前是非常基础的，仅仅个人测试demo。勿喷~

1. 安装

yarn add my-chart-demo // npm install my-chart-demo --save

2. 字段

• 颜色主题类型

  enum EThemeType {
    walden = 0,
    vintage = 5,
    westeros = 10,
    shine = 15,
    macarons = 20,
  }

• 图表类型枚举

  enum EChartType {
    MSLine = 0,  // 折线
    MSBar = 5,   // 柱状
  }

• 图表数据类型枚举

  enum EChartDataType {
    static = 0,  // 静态
    dynamic = 5,  // 动态
  }

• IChartData接口

    // 数据项id
    id: string;
   // 数据项名
    name: string;
    // 数据
    value: string;

3. 传递参数

4. 例子

• 1. main文件引入

     import MSChart from "my-chart-demo";
     Vue.use(MSChart);

• 2. 测试组件 测试数据在项目中

     

生成图表：