图表开发准备

开发图表前先创建图表相关目录。

以echarts柱图为例

1. 下载echarts 下载地址

2. 创建图表目录

|-- src                             //开发目录
    |-- CustomChartBar              //柱图目录
        |-- CustomChartBar.js       //图表主文件
        |-- echarts.js              //echarts图表文件
        |-- config                  //图表配置目录
            |-- dataConfig.js       //图表数据配置
            |-- styleConfig.js      //图表样式配置

|-- test                            //图表测试目录
    |-- CustomChartBar              //柱图测试目录
        |-- index.html              
        |-- index.js

图表命名规范：

• 图表名称必须是 Custom+自定义名称（英文/数字），并且不能和已有的图表名称重复。例如柱图名称为CustomChartBar，第二个柱图可以叫CustomChartBar1
• 图表类名必须和文件名称保持一致。如CustomChartBar.js文件的类名必须是CustomChartBar
• test文件夹目录建议与src保持一致