first commit

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.acss

@@ -0,0 +1,9 @@
+
+.chartsview.data-v-0ca34aee {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  align-items: center;
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.axml

@@ -0,0 +1 @@
+<view class="chartsview data-v-0ca34aee" id="{{H}}"><view a:if="{{a}}" class="data-v-0ca34aee"><qiun-loading class="data-v-0ca34aee" u-i="0ca34aee-0" onVI="__l" u-p="{{b}}"/></view><view a:if="{{c}}" class="data-v-0ca34aee" onTap="{{e}}"><qiun-error class="data-v-0ca34aee" u-i="0ca34aee-1" onVI="__l" u-p="{{d}}"/></view><block a:if="{{f}}"><canvas class="data-v-0ca34aee" id="{{g}}" canvasId="{{h}}" width="{{i}}" height="{{j}}" style="{{'width:' + k + ';' + ('height:' + l) + ';' + ('background:' + m)}}" disable-scroll="{{n}}" onTap="{{o}}" onTouchStart="{{p}}" onTouchMove="{{q}}" onTouchEnd="{{r}}" onError="{{s}}" hidden="{{!t}}"/></block><block a:if="{{v}}"><canvas class="data-v-0ca34aee" id="{{w}}" canvasId="{{x}}" width="{{y}}" height="{{z}}" style="{{'width:' + A + ';' + ('height:' + B) + ';' + ('background:' + C)}}" disable-scroll="{{D}}" onTap="{{E}}" onError="{{F}}" hidden="{{!G}}"/></block></view>

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.js

@@ -0,0 +1,954 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const uni_modules_qiunDataCharts_js_sdk_uCharts_uCharts = require("../../js_sdk/u-charts/u-charts.js");
+const uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts = require("../../js_sdk/u-charts/config-ucharts.js");
+function deepCloneAssign(origin = {}, ...args) {
+  for (let i in args) {
+    for (let key in args[i]) {
+      if (args[i].hasOwnProperty(key)) {
+        origin[key] = args[i][key] && typeof args[i][key] === "object" ? deepCloneAssign(Array.isArray(args[i][key]) ? [] : {}, origin[key], args[i][key]) : args[i][key];
+      }
+    }
+  }
+  return origin;
+}
+function formatterAssign(args, formatter) {
+  for (let key in args) {
+    if (args.hasOwnProperty(key) && args[key] !== null && typeof args[key] === "object") {
+      formatterAssign(args[key], formatter);
+    } else if (key === "format" && typeof args[key] === "string") {
+      args["formatter"] = formatter[args[key]] ? formatter[args[key]] : void 0;
+    }
+  }
+  return args;
+}
+function getFormatDate(date) {
+  var seperator = "-";
+  var year = date.getFullYear();
+  var month = date.getMonth() + 1;
+  var strDate = date.getDate();
+  if (month >= 1 && month <= 9) {
+    month = "0" + month;
+  }
+  if (strDate >= 0 && strDate <= 9) {
+    strDate = "0" + strDate;
+  }
+  var currentdate = year + seperator + month + seperator + strDate;
+  return currentdate;
+}
+var lastMoveTime = null;
+const _sfc_main = {
+  name: "qiun-data-charts",
+  mixins: [common_vendor.Ys.mixinDatacom],
+  props: {
+    type: {
+      type: String,
+      default: null
+    },
+    canvasId: {
+      type: String,
+      default: "uchartsid"
+    },
+    canvas2d: {
+      type: Boolean,
+      default: false
+    },
+    background: {
+      type: String,
+      default: "rgba(0,0,0,0)"
+    },
+    animation: {
+      type: Boolean,
+      default: true
+    },
+    chartData: {
+      type: Object,
+      default() {
+        return {
+          categories: [],
+          series: []
+        };
+      }
+    },
+    opts: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    eopts: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    loadingType: {
+      type: Number,
+      default: 2
+    },
+    errorShow: {
+      type: Boolean,
+      default: true
+    },
+    errorReload: {
+      type: Boolean,
+      default: true
+    },
+    errorMessage: {
+      type: String,
+      default: null
+    },
+    inScrollView: {
+      type: Boolean,
+      default: false
+    },
+    reshow: {
+      type: Boolean,
+      default: false
+    },
+    reload: {
+      type: Boolean,
+      default: false
+    },
+    disableScroll: {
+      type: Boolean,
+      default: false
+    },
+    optsWatch: {
+      type: Boolean,
+      default: true
+    },
+    onzoom: {
+      type: Boolean,
+      default: false
+    },
+    ontap: {
+      type: Boolean,
+      default: true
+    },
+    ontouch: {
+      type: Boolean,
+      default: false
+    },
+    onmouse: {
+      type: Boolean,
+      default: true
+    },
+    onmovetip: {
+      type: Boolean,
+      default: false
+    },
+    echartsH5: {
+      type: Boolean,
+      default: false
+    },
+    echartsApp: {
+      type: Boolean,
+      default: false
+    },
+    tooltipShow: {
+      type: Boolean,
+      default: true
+    },
+    tooltipFormat: {
+      type: String,
+      default: void 0
+    },
+    tooltipCustom: {
+      type: Object,
+      default: void 0
+    },
+    startDate: {
+      type: String,
+      default: void 0
+    },
+    endDate: {
+      type: String,
+      default: void 0
+    },
+    textEnum: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    groupEnum: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    pageScrollTop: {
+      type: Number,
+      default: 0
+    },
+    directory: {
+      type: String,
+      default: "/"
+    },
+    tapLegend: {
+      type: Boolean,
+      default: true
+    },
+    menus: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      cid: "uchartsid",
+      inWx: false,
+      inAli: false,
+      inTt: false,
+      inBd: false,
+      inH5: false,
+      inApp: false,
+      inWin: false,
+      type2d: true,
+      disScroll: false,
+      openmouse: false,
+      pixel: 1,
+      cWidth: 375,
+      cHeight: 250,
+      showchart: false,
+      echarts: false,
+      echartsResize: {
+        state: false
+      },
+      uchartsOpts: {},
+      echartsOpts: {},
+      drawData: {},
+      lastDrawTime: null
+    };
+  },
+  created() {
+    this.cid = this.canvasId;
+    if (this.canvasId == "uchartsid" || this.canvasId == "") {
+      let t = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+      let len = t.length;
+      let id = "";
+      for (let i = 0; i < 32; i++) {
+        id += t.charAt(Math.floor(Math.random() * len));
+      }
+      this.cid = id;
+    }
+    const systemInfo = common_vendor.index.getSystemInfoSync();
+    if (systemInfo.platform === "windows" || systemInfo.platform === "mac") {
+      this.inWin = true;
+    }
+    this.type2d = false;
+    this.type2d = this.canvas2d;
+    this.inAli = true;
+    this.pixel = systemInfo.pixelRatio;
+    this.disScroll = this.disableScroll;
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.beforeInit();
+    });
+  },
+  destroyed() {
+    if (this.echarts === true) {
+      delete cfe.option[this.cid];
+      delete cfe.instance[this.cid];
+    } else {
+      delete uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[this.cid];
+      delete uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[this.cid];
+    }
+  },
+  watch: {
+    chartDataProps: {
+      handler(val, oldval) {
+        if (typeof val === "object") {
+          if (JSON.stringify(val) !== JSON.stringify(oldval)) {
+            this._clearChart();
+            if (val.series && val.series.length > 0) {
+              this.beforeInit();
+            } else {
+              this.mixinDatacomLoading = true;
+              this.showchart = false;
+              this.mixinDatacomErrorMessage = null;
+            }
+          }
+        } else {
+          this.mixinDatacomLoading = false;
+          this._clearChart();
+          this.showchart = false;
+          this.mixinDatacomErrorMessage = "参数错误：chartData数据类型错误";
+        }
+      },
+      immediate: false,
+      deep: true
+    },
+    localdata: {
+      handler(val, oldval) {
+        if (JSON.stringify(val) !== JSON.stringify(oldval)) {
+          if (val.length > 0) {
+            this.beforeInit();
+          } else {
+            this.mixinDatacomLoading = true;
+            this._clearChart();
+            this.showchart = false;
+            this.mixinDatacomErrorMessage = null;
+          }
+        }
+      },
+      immediate: false,
+      deep: true
+    },
+    optsProps: {
+      handler(val, oldval) {
+        if (typeof val === "object") {
+          if (JSON.stringify(val) !== JSON.stringify(oldval) && this.echarts === false && this.optsWatch == true) {
+            this.checkData(this.drawData);
+          }
+        } else {
+          this.mixinDatacomLoading = false;
+          this._clearChart();
+          this.showchart = false;
+          this.mixinDatacomErrorMessage = "参数错误：opts数据类型错误";
+        }
+      },
+      immediate: false,
+      deep: true
+    },
+    eoptsProps: {
+      handler(val, oldval) {
+        if (typeof val === "object") {
+          if (JSON.stringify(val) !== JSON.stringify(oldval) && this.echarts === true) {
+            this.checkData(this.drawData);
+          }
+        } else {
+          this.mixinDatacomLoading = false;
+          this.showchart = false;
+          this.mixinDatacomErrorMessage = "参数错误：eopts数据类型错误";
+        }
+      },
+      immediate: false,
+      deep: true
+    },
+    reshow(val, oldval) {
+      if (val === true && this.mixinDatacomLoading === false) {
+        setTimeout(() => {
+          this.mixinDatacomErrorMessage = null;
+          this.echartsResize.state = !this.echartsResize.state;
+          this.checkData(this.drawData);
+        }, 200);
+      }
+    },
+    reload(val, oldval) {
+      if (val === true) {
+        this.showchart = false;
+        this.mixinDatacomErrorMessage = null;
+        this.reloading();
+      }
+    },
+    mixinDatacomErrorMessage(val, oldval) {
+      if (val) {
+        this.emitMsg({ name: "error", params: { type: "error", errorShow: this.errorShow, msg: val, id: this.cid } });
+        if (this.errorShow) {
+          console.log("[秋云图表组件]" + val);
+        }
+      }
+    },
+    errorMessage(val, oldval) {
+      if (val && this.errorShow && val !== null && val !== "null" && val !== "") {
+        this.showchart = false;
+        this.mixinDatacomLoading = false;
+        this.mixinDatacomErrorMessage = val;
+      } else {
+        this.showchart = false;
+        this.mixinDatacomErrorMessage = null;
+        this.reloading();
+      }
+    }
+  },
+  computed: {
+    optsProps() {
+      return JSON.parse(JSON.stringify(this.opts));
+    },
+    eoptsProps() {
+      return JSON.parse(JSON.stringify(this.eopts));
+    },
+    chartDataProps() {
+      return JSON.parse(JSON.stringify(this.chartData));
+    }
+  },
+  methods: {
+    beforeInit() {
+      this.mixinDatacomErrorMessage = null;
+      if (typeof this.chartData === "object" && this.chartData != null && this.chartData.series !== void 0 && this.chartData.series.length > 0) {
+        this.drawData = deepCloneAssign({}, this.chartData);
+        this.mixinDatacomLoading = false;
+        this.showchart = true;
+        this.checkData(this.chartData);
+      } else if (this.localdata.length > 0) {
+        this.mixinDatacomLoading = false;
+        this.showchart = true;
+        this.localdataInit(this.localdata);
+      } else if (this.collection !== "") {
+        this.mixinDatacomLoading = false;
+        this.getCloudData();
+      } else {
+        this.mixinDatacomLoading = true;
+      }
+    },
+    localdataInit(resdata) {
+      if (this.groupEnum.length > 0) {
+        for (let i = 0; i < resdata.length; i++) {
+          for (let j = 0; j < this.groupEnum.length; j++) {
+            if (resdata[i].group === this.groupEnum[j].value) {
+              resdata[i].group = this.groupEnum[j].text;
+            }
+          }
+        }
+      }
+      if (this.textEnum.length > 0) {
+        for (let i = 0; i < resdata.length; i++) {
+          for (let j = 0; j < this.textEnum.length; j++) {
+            if (resdata[i].text === this.textEnum[j].value) {
+              resdata[i].text = this.textEnum[j].text;
+            }
+          }
+        }
+      }
+      let needCategories = false;
+      let tmpData = { categories: [], series: [] };
+      let tmpcategories = [];
+      let tmpseries = [];
+      if (this.echarts === true) {
+        needCategories = cfe.categories.includes(this.type);
+      } else {
+        needCategories = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.categories.includes(this.type);
+      }
+      if (needCategories === true) {
+        if (this.chartData && this.chartData.categories && this.chartData.categories.length > 0) {
+          tmpcategories = this.chartData.categories;
+        } else {
+          if (this.startDate && this.endDate) {
+            let idate = new Date(this.startDate);
+            let edate = new Date(this.endDate);
+            while (idate <= edate) {
+              tmpcategories.push(getFormatDate(idate));
+              idate = idate.setDate(idate.getDate() + 1);
+              idate = new Date(idate);
+            }
+          } else {
+            let tempckey = {};
+            resdata.map(function(item, index) {
+              if (item.text != void 0 && !tempckey[item.text]) {
+                tmpcategories.push(item.text);
+                tempckey[item.text] = true;
+              }
+            });
+          }
+        }
+        tmpData.categories = tmpcategories;
+      }
+      let tempskey = {};
+      resdata.map(function(item, index) {
+        if (item.group != void 0 && !tempskey[item.group]) {
+          tmpseries.push({ name: item.group, data: [] });
+          tempskey[item.group] = true;
+        }
+      });
+      if (tmpseries.length == 0) {
+        tmpseries = [{ name: "默认分组", data: [] }];
+        if (needCategories === true) {
+          for (let j = 0; j < tmpcategories.length; j++) {
+            let seriesdata = 0;
+            for (let i = 0; i < resdata.length; i++) {
+              if (resdata[i].text == tmpcategories[j]) {
+                seriesdata = resdata[i].value;
+              }
+            }
+            tmpseries[0].data.push(seriesdata);
+          }
+        } else {
+          for (let i = 0; i < resdata.length; i++) {
+            tmpseries[0].data.push({ "name": resdata[i].text, "value": resdata[i].value });
+          }
+        }
+      } else {
+        for (let k = 0; k < tmpseries.length; k++) {
+          if (tmpcategories.length > 0) {
+            for (let j = 0; j < tmpcategories.length; j++) {
+              let seriesdata = 0;
+              for (let i = 0; i < resdata.length; i++) {
+                if (tmpseries[k].name == resdata[i].group && resdata[i].text == tmpcategories[j]) {
+                  seriesdata = resdata[i].value;
+                }
+              }
+              tmpseries[k].data.push(seriesdata);
+            }
+          } else {
+            for (let i = 0; i < resdata.length; i++) {
+              if (tmpseries[k].name == resdata[i].group) {
+                tmpseries[k].data.push(resdata[i].value);
+              }
+            }
+          }
+        }
+      }
+      tmpData.series = tmpseries;
+      this.drawData = deepCloneAssign({}, tmpData);
+      this.checkData(tmpData);
+    },
+    reloading() {
+      if (this.errorReload === false) {
+        return;
+      }
+      this.showchart = false;
+      this.mixinDatacomErrorMessage = null;
+      if (this.collection !== "") {
+        this.mixinDatacomLoading = false;
+        this.onMixinDatacomPropsChange(true);
+      } else {
+        this.beforeInit();
+      }
+    },
+    checkData(anyData) {
+      let cid = this.cid;
+      if (this.echarts === true) {
+        cfe.option[cid] = deepCloneAssign({}, this.eopts);
+        cfe.option[cid].id = cid;
+        cfe.option[cid].type = this.type;
+      } else {
+        if (this.type && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.type.includes(this.type)) {
+          uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid] = deepCloneAssign({}, uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu[this.type], this.opts);
+          uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].canvasId = cid;
+        } else {
+          this.mixinDatacomLoading = false;
+          this.showchart = false;
+          this.mixinDatacomErrorMessage = "参数错误：props参数中type类型不正确";
+        }
+      }
+      let newData = deepCloneAssign({}, anyData);
+      if (newData.series !== void 0 && newData.series.length > 0) {
+        this.mixinDatacomErrorMessage = null;
+        if (this.echarts === true) {
+          cfe.option[cid].chartData = newData;
+          this.$nextTick(() => {
+            this.init();
+          });
+        } else {
+          uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].categories = newData.categories;
+          uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].series = newData.series;
+          this.$nextTick(() => {
+            this.init();
+          });
+        }
+      }
+    },
+    resizeHandler() {
+      let currTime = Date.now();
+      let lastDrawTime = this.lastDrawTime ? this.lastDrawTime : currTime - 3e3;
+      let duration = currTime - lastDrawTime;
+      if (duration < 1e3)
+        return;
+      common_vendor.index.createSelectorQuery().select("#ChartBoxId" + this.cid).boundingClientRect((data) => {
+        this.showchart = true;
+        if (data.width > 0 && data.height > 0) {
+          if (data.width !== this.cWidth || data.height !== this.cHeight) {
+            this.checkData(this.drawData);
+          }
+        }
+      }).exec();
+    },
+    getCloudData() {
+      if (this.mixinDatacomLoading == true) {
+        return;
+      }
+      this.mixinDatacomLoading = true;
+      this.mixinDatacomGet().then((res) => {
+        this.mixinDatacomResData = res.result.data;
+        this.localdataInit(this.mixinDatacomResData);
+      }).catch((err) => {
+        this.mixinDatacomLoading = false;
+        this.showchart = false;
+        this.mixinDatacomErrorMessage = "请求错误：" + err;
+      });
+    },
+    onMixinDatacomPropsChange(needReset, changed) {
+      if (needReset == true && this.collection !== "") {
+        this.showchart = false;
+        this.mixinDatacomErrorMessage = null;
+        this._clearChart();
+        this.getCloudData();
+      }
+    },
+    _clearChart() {
+      let cid = this.cid;
+      if (this.echarts !== true && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid] && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].context) {
+        const ctx = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].context;
+        if (typeof ctx === "object" && !!!uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].update) {
+          ctx.clearRect(0, 0, this.cWidth * this.pixel, this.cHeight * this.pixel);
+          ctx.draw();
+        }
+      }
+    },
+    init() {
+      let cid = this.cid;
+      common_vendor.index.createSelectorQuery().select("#ChartBoxId" + cid).boundingClientRect((data) => {
+        if (data.width > 0 && data.height > 0) {
+          this.mixinDatacomLoading = false;
+          this.showchart = true;
+          this.lastDrawTime = Date.now();
+          this.cWidth = data.width;
+          this.cHeight = data.height;
+          if (this.echarts !== true) {
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].background = this.background == "rgba(0,0,0,0)" ? "#FFFFFF" : this.background;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].canvas2d = this.type2d;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].pixelRatio = this.pixel;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].animation = this.animation;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].width = data.width * this.pixel;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].height = data.height * this.pixel;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].onzoom = this.onzoom;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].ontap = this.ontap;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].ontouch = this.ontouch;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].onmouse = this.openmouse;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].onmovetip = this.onmovetip;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipShow = this.tooltipShow;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipFormat = this.tooltipFormat;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipCustom = this.tooltipCustom;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].inScrollView = this.inScrollView;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].lastDrawTime = this.lastDrawTime;
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tapLegend = this.tapLegend;
+          }
+          if (this.inH5 || this.inApp) {
+            if (this.echarts == true) {
+              cfe.option[cid].ontap = this.ontap;
+              cfe.option[cid].onmouse = this.openmouse;
+              cfe.option[cid].tooltipShow = this.tooltipShow;
+              cfe.option[cid].tooltipFormat = this.tooltipFormat;
+              cfe.option[cid].tooltipCustom = this.tooltipCustom;
+              cfe.option[cid].lastDrawTime = this.lastDrawTime;
+              this.echartsOpts = deepCloneAssign({}, cfe.option[cid]);
+            } else {
+              uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].rotateLock = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].rotate;
+              this.uchartsOpts = deepCloneAssign({}, uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid]);
+            }
+          } else {
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid] = formatterAssign(uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid], uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.formatter);
+            this.mixinDatacomErrorMessage = null;
+            this.mixinDatacomLoading = false;
+            this.showchart = true;
+            this.$nextTick(() => {
+              if (this.type2d === true) {
+                const query = common_vendor.index.createSelectorQuery().in(this);
+                query.select("#" + cid).fields({ node: true, size: true }).exec((res) => {
+                  if (res[0]) {
+                    const canvas = res[0].node;
+                    const ctx = canvas.getContext("2d");
+                    uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].context = ctx;
+                    uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].rotateLock = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].rotate;
+                    if (uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid] && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid] && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].update === true) {
+                      this._updataUChart(cid);
+                    } else {
+                      canvas.width = data.width * this.pixel;
+                      canvas.height = data.height * this.pixel;
+                      canvas._width = data.width * this.pixel;
+                      canvas._height = data.height * this.pixel;
+                      setTimeout(() => {
+                        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].context.restore();
+                        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].context.save();
+                        this._newChart(cid);
+                      }, 100);
+                    }
+                  } else {
+                    this.showchart = false;
+                    this.mixinDatacomErrorMessage = "参数错误：开启2d模式后，未获取到dom节点，canvas-id:" + cid;
+                  }
+                });
+              } else {
+                if (this.inAli) {
+                  uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].rotateLock = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].rotate;
+                }
+                uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].context = common_vendor.index.createCanvasContext(cid, this);
+                if (uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid] && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid] && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].update === true) {
+                  this._updataUChart(cid);
+                } else {
+                  setTimeout(() => {
+                    uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].context.restore();
+                    uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].context.save();
+                    this._newChart(cid);
+                  }, 100);
+                }
+              }
+            });
+          }
+        } else {
+          this.mixinDatacomLoading = false;
+          this.showchart = false;
+          if (this.reshow == true) {
+            this.mixinDatacomErrorMessage = "布局错误：未获取到父元素宽高尺寸！canvas-id:" + cid;
+          }
+        }
+      }).exec();
+    },
+    saveImage() {
+      common_vendor.index.canvasToTempFilePath({
+        canvasId: this.cid,
+        success: (res) => {
+          common_vendor.index.saveImageToPhotosAlbum({
+            filePath: res.tempFilePath,
+            success: function() {
+              common_vendor.index.showToast({
+                title: "保存成功",
+                duration: 2e3
+              });
+            }
+          });
+        }
+      }, this);
+    },
+    getImage() {
+      if (this.type2d == false) {
+        common_vendor.index.canvasToTempFilePath({
+          canvasId: this.cid,
+          success: (res) => {
+            this.emitMsg({ name: "getImage", params: { type: "getImage", base64: res.tempFilePath } });
+          }
+        }, this);
+      } else {
+        const query = common_vendor.index.createSelectorQuery().in(this);
+        query.select("#" + this.cid).fields({ node: true, size: true }).exec((res) => {
+          if (res[0]) {
+            const canvas = res[0].node;
+            this.emitMsg({ name: "getImage", params: { type: "getImage", base64: canvas.toDataURL("image/png") } });
+          }
+        });
+      }
+    },
+    _newChart(cid) {
+      if (this.mixinDatacomLoading == true) {
+        return;
+      }
+      this.showchart = true;
+      uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid] = new uni_modules_qiunDataCharts_js_sdk_uCharts_uCharts.uCharts(uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid]);
+      uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].addEventListener("renderComplete", () => {
+        this.emitMsg({ name: "complete", params: { type: "complete", complete: true, id: cid, opts: uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].opts } });
+        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].delEventListener("renderComplete");
+      });
+      uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].addEventListener("scrollLeft", () => {
+        this.emitMsg({ name: "scrollLeft", params: { type: "scrollLeft", scrollLeft: true, id: cid, opts: uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].opts } });
+      });
+      uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].addEventListener("scrollRight", () => {
+        this.emitMsg({ name: "scrollRight", params: { type: "scrollRight", scrollRight: true, id: cid, opts: uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].opts } });
+      });
+    },
+    _updataUChart(cid) {
+      uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].updateData(uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid]);
+    },
+    _tooltipDefault(item, category, index, opts) {
+      if (category) {
+        let data = item.data;
+        if (typeof item.data === "object") {
+          data = item.data.value;
+        }
+        return category + " " + item.name + ":" + data;
+      } else {
+        if (item.properties && item.properties.name) {
+          return item.properties.name;
+        } else {
+          return item.name + ":" + item.data;
+        }
+      }
+    },
+    _showTooltip(e) {
+      let cid = this.cid;
+      let tc = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipCustom;
+      if (tc && tc !== void 0 && tc !== null) {
+        let offset = void 0;
+        if (tc.x >= 0 && tc.y >= 0) {
+          offset = { x: tc.x, y: tc.y + 10 };
+        }
+        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].showToolTip(e, {
+          index: tc.index,
+          offset,
+          textList: tc.textList,
+          formatter: (item, category, index, opts) => {
+            if (typeof uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipFormat === "string" && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.formatter[uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipFormat]) {
+              return uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.formatter[uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipFormat](item, category, index, opts);
+            } else {
+              return this._tooltipDefault(item, category, index, opts);
+            }
+          }
+        });
+      } else {
+        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].showToolTip(e, {
+          formatter: (item, category, index, opts) => {
+            if (typeof uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipFormat === "string" && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.formatter[uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipFormat]) {
+              return uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.formatter[uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].tooltipFormat](item, category, index, opts);
+            } else {
+              return this._tooltipDefault(item, category, index, opts);
+            }
+          }
+        });
+      }
+    },
+    _tap(e, move) {
+      let cid = this.cid;
+      let currentIndex = null;
+      let legendIndex = null;
+      if (this.inScrollView === true || this.inAli) {
+        common_vendor.index.createSelectorQuery().select("#" + this.cid).boundingClientRect((data) => {
+          e.changedTouches = [];
+          if (this.inAli) {
+            e.changedTouches.unshift({ x: e.detail.clientX - data.left, y: e.detail.clientY - data.top });
+          } else {
+            e.changedTouches.unshift({ x: e.detail.x - data.left, y: e.detail.y - data.top - this.pageScrollTop });
+          }
+          if (move) {
+            if (this.tooltipShow === true) {
+              this._showTooltip(e);
+            }
+          } else {
+            currentIndex = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].getCurrentDataIndex(e);
+            legendIndex = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].getLegendDataIndex(e);
+            if (this.tapLegend === true) {
+              uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].touchLegend(e);
+            }
+            if (this.tooltipShow === true) {
+              this._showTooltip(e);
+            }
+            this.emitMsg({ name: "getIndex", params: { type: "getIndex", event: { x: e.detail.x - data.left, y: e.detail.y - data.top }, currentIndex, legendIndex, id: cid, opts: uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].opts } });
+          }
+        }).exec();
+      } else {
+        if (move) {
+          if (this.tooltipShow === true) {
+            this._showTooltip(e);
+          }
+        } else {
+          e.changedTouches = [];
+          e.changedTouches.unshift({ x: e.detail.x - e.currentTarget.offsetLeft, y: e.detail.y - e.currentTarget.offsetTop });
+          currentIndex = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].getCurrentDataIndex(e);
+          legendIndex = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].getLegendDataIndex(e);
+          if (this.tapLegend === true) {
+            uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].touchLegend(e);
+          }
+          if (this.tooltipShow === true) {
+            this._showTooltip(e);
+          }
+          this.emitMsg({ name: "getIndex", params: { type: "getIndex", event: { x: e.detail.x, y: e.detail.y - e.currentTarget.offsetTop }, currentIndex, legendIndex, id: cid, opts: uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].opts } });
+        }
+      }
+    },
+    _touchStart(e) {
+      let cid = this.cid;
+      lastMoveTime = Date.now();
+      if (uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].enableScroll === true && e.touches.length == 1) {
+        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].scrollStart(e);
+      }
+      this.emitMsg({ name: "getTouchStart", params: { type: "touchStart", event: e.changedTouches[0], id: cid, opts: uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].opts } });
+    },
+    _touchMove(e) {
+      let cid = this.cid;
+      let currMoveTime = Date.now();
+      let duration = currMoveTime - lastMoveTime;
+      let touchMoveLimit = uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].touchMoveLimit || 24;
+      if (duration < Math.floor(1e3 / touchMoveLimit))
+        return;
+      lastMoveTime = currMoveTime;
+      if (uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].enableScroll === true && e.changedTouches.length == 1) {
+        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].scroll(e);
+      }
+      if (this.ontap === true && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].enableScroll === false && this.onmovetip === true) {
+        this._tap(e, true);
+      }
+      if (this.ontouch === true && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].enableScroll === true && this.onzoom === true && e.changedTouches.length == 2) {
+        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].dobuleZoom(e);
+      }
+      this.emitMsg({ name: "getTouchMove", params: { type: "touchMove", event: e.changedTouches[0], id: cid, opts: uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].opts } });
+    },
+    _touchEnd(e) {
+      let cid = this.cid;
+      if (uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].enableScroll === true && e.touches.length == 0) {
+        uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].scrollEnd(e);
+      }
+      this.emitMsg({ name: "getTouchEnd", params: { type: "touchEnd", event: e.changedTouches[0], id: cid, opts: uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.instance[cid].opts } });
+      if (this.ontap === true && uni_modules_qiunDataCharts_js_sdk_uCharts_configUcharts.cfu.option[cid].enableScroll === false && this.onmovetip === true) {
+        this._tap(e, true);
+      }
+    },
+    _error(e) {
+      this.mixinDatacomErrorMessage = e.detail.errMsg;
+    },
+    emitMsg(msg) {
+      this.$emit(msg.name, msg.params);
+    },
+    getRenderType() {
+      if (this.echarts === true && this.mixinDatacomLoading === false) {
+        this.beforeInit();
+      }
+    },
+    toJSON() {
+      return this;
+    }
+  }
+};
+if (!Array) {
+  const _easycom_qiun_loading2 = common_vendor.resolveComponent("qiun-loading");
+  const _easycom_qiun_error2 = common_vendor.resolveComponent("qiun-error");
+  (_easycom_qiun_loading2 + _easycom_qiun_error2)();
+}
+const _easycom_qiun_loading = () => "../qiun-loading/qiun-loading.js";
+const _easycom_qiun_error = () => "../qiun-error/qiun-error.js";
+if (!Math) {
+  (_easycom_qiun_loading + _easycom_qiun_error)();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: _ctx.mixinDatacomLoading
+  }, _ctx.mixinDatacomLoading ? {
+    b: common_vendor.p({
+      loadingType: $props.loadingType
+    })
+  } : {}, {
+    c: _ctx.mixinDatacomErrorMessage && $props.errorShow
+  }, _ctx.mixinDatacomErrorMessage && $props.errorShow ? {
+    d: common_vendor.p({
+      errorMessage: $props.errorMessage
+    }),
+    e: common_vendor.o((...args) => $options.reloading && $options.reloading(...args))
+  } : {}, {
+    f: $props.ontouch
+  }, $props.ontouch ? {
+    g: $data.cid,
+    h: $data.cid,
+    i: $data.cWidth * $data.pixel,
+    j: $data.cHeight * $data.pixel,
+    k: $data.cWidth + "px",
+    l: $data.cHeight + "px",
+    m: $props.background,
+    n: $data.disScroll,
+    o: common_vendor.o((...args) => $options._tap && $options._tap(...args)),
+    p: common_vendor.o((...args) => $options._touchStart && $options._touchStart(...args)),
+    q: common_vendor.o((...args) => $options._touchMove && $options._touchMove(...args)),
+    r: common_vendor.o((...args) => $options._touchEnd && $options._touchEnd(...args)),
+    s: common_vendor.o((...args) => $options._error && $options._error(...args)),
+    t: $data.showchart
+  } : {}, {
+    v: !$props.ontouch
+  }, !$props.ontouch ? {
+    w: $data.cid,
+    x: $data.cid,
+    y: $data.cWidth * $data.pixel,
+    z: $data.cHeight * $data.pixel,
+    A: $data.cWidth + "px",
+    B: $data.cHeight + "px",
+    C: $props.background,
+    D: $data.disScroll,
+    E: common_vendor.o((...args) => $options._tap && $options._tap(...args)),
+    F: common_vendor.o((...args) => $options._error && $options._error(...args)),
+    G: $data.showchart
+  } : {}, {
+    H: "ChartBoxId" + $data.cid
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0ca34aee"]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {
+    "qiun-loading": "../qiun-loading/qiun-loading",
+    "qiun-error": "../qiun-error/qiun-error"
+  }
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-error/qiun-error.axml

@@ -0,0 +1 @@
+<view class="chartsview"><view class="charts-error"></view><view class="charts-font">{{a}}</view></view>

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-error/qiun-error.js

@@ -0,0 +1,21 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "qiun-error",
+  props: {
+    errorMessage: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {};
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {
+    a: common_vendor.t($props.errorMessage == null ? "请点击重试" : $props.errorMessage)
+  };
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-error/qiun-error.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading1.acss

@@ -0,0 +1,78 @@
+
+.container.data-v-0e645258 {
+  width: 30px;
+  height: 30px;
+  position: relative;
+}
+.container.loading1.data-v-0e645258 {
+  transform: rotate(45deg);
+}
+.container .shape.data-v-0e645258 {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 1px;
+}
+.container .shape.shape1.data-v-0e645258 {
+  left: 0;
+  background-color: #1890FF;
+}
+.container .shape.shape2.data-v-0e645258 {
+  right: 0;
+  background-color: #91CB74;
+}
+.container .shape.shape3.data-v-0e645258 {
+  bottom: 0;
+  background-color: #FAC858;
+}
+.container .shape.shape4.data-v-0e645258 {
+  bottom: 0;
+  right: 0;
+  background-color: #EE6666;
+}
+.loading1 .shape1.data-v-0e645258 {
+  animation: animation1shape1-0e645258 0.5s ease 0s infinite alternate;
+}
+@keyframes animation1shape1-0e645258 {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(16px, 16px);
+}
+}
+.loading1 .shape2.data-v-0e645258 {
+  animation: animation1shape2-0e645258 0.5s ease 0s infinite alternate;
+}
+@keyframes animation1shape2-0e645258 {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(-16px, 16px);
+}
+}
+.loading1 .shape3.data-v-0e645258 {
+  animation: animation1shape3-0e645258 0.5s ease 0s infinite alternate;
+}
+@keyframes animation1shape3-0e645258 {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(16px, -16px);
+}
+}
+.loading1 .shape4.data-v-0e645258 {
+  animation: animation1shape4-0e645258 0.5s ease 0s infinite alternate;
+}
+@keyframes animation1shape4-0e645258 {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(-16px, -16px);
+}
+}
+
+

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading1.axml

@@ -0,0 +1 @@
+<view class="container loading1 data-v-0e645258"><view class="shape shape1 data-v-0e645258"></view><view class="shape shape2 data-v-0e645258"></view><view class="shape shape3 data-v-0e645258"></view><view class="shape shape4 data-v-0e645258"></view></view>

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading1.js

@@ -0,0 +1,13 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "loading1",
+  data() {
+    return {};
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {};
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0e645258"]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading1.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading2.acss

@@ -0,0 +1,83 @@
+
+.container.data-v-3df48dc2 {
+  width: 30px;
+  height: 30px;
+  position: relative;
+}
+.container.loading2.data-v-3df48dc2 {
+  transform: rotate(10deg);
+}
+.container.loading2 .shape.data-v-3df48dc2 {
+  border-radius: 5px;
+}
+.container.loading2.data-v-3df48dc2{
+  animation: rotation 1s infinite;
+}
+.container .shape.data-v-3df48dc2 {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 1px;
+}
+.container .shape.shape1.data-v-3df48dc2 {
+  left: 0;
+  background-color: #1890FF;
+}
+.container .shape.shape2.data-v-3df48dc2 {
+  right: 0;
+  background-color: #91CB74;
+}
+.container .shape.shape3.data-v-3df48dc2 {
+  bottom: 0;
+  background-color: #FAC858;
+}
+.container .shape.shape4.data-v-3df48dc2 {
+  bottom: 0;
+  right: 0;
+  background-color: #EE6666;
+}
+.loading2 .shape1.data-v-3df48dc2 {
+  animation: animation2shape1-3df48dc2 0.5s ease 0s infinite alternate;
+}
+@keyframes animation2shape1-3df48dc2 {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(20px, 20px);
+}
+}
+.loading2 .shape2.data-v-3df48dc2 {
+  animation: animation2shape2-3df48dc2 0.5s ease 0s infinite alternate;
+}
+@keyframes animation2shape2-3df48dc2 {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(-20px, 20px);
+}
+}
+.loading2 .shape3.data-v-3df48dc2 {
+  animation: animation2shape3-3df48dc2 0.5s ease 0s infinite alternate;
+}
+@keyframes animation2shape3-3df48dc2 {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(20px, -20px);
+}
+}
+.loading2 .shape4.data-v-3df48dc2 {
+  animation: animation2shape4-3df48dc2 0.5s ease 0s infinite alternate;
+}
+@keyframes animation2shape4-3df48dc2 {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(-20px, -20px);
+}
+}
+

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading2.axml

@@ -0,0 +1 @@
+<view class="container loading2 data-v-3df48dc2"><view class="shape shape1 data-v-3df48dc2"></view><view class="shape shape2 data-v-3df48dc2"></view><view class="shape shape3 data-v-3df48dc2"></view><view class="shape shape4 data-v-3df48dc2"></view></view>

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading2.js

@@ -0,0 +1,13 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "loading2",
+  data() {
+    return {};
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {};
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3df48dc2"]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading2.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading3.acss

@@ -0,0 +1,88 @@
+
+.container.data-v-27a8293c {
+  width: 30px;
+  height: 30px;
+  position: relative;
+}
+.container.loading3.data-v-27a8293c {
+  animation: rotation 1s infinite;
+}
+.container.loading3 .shape1.data-v-27a8293c {
+  border-top-left-radius: 10px;
+}
+.container.loading3 .shape2.data-v-27a8293c {
+  border-top-right-radius: 10px;
+}
+.container.loading3 .shape3.data-v-27a8293c {
+  border-bottom-left-radius: 10px;
+}
+.container.loading3 .shape4.data-v-27a8293c {
+  border-bottom-right-radius: 10px;
+}
+.container .shape.data-v-27a8293c {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 1px;
+}
+.container .shape.shape1.data-v-27a8293c {
+  left: 0;
+  background-color: #1890FF;
+}
+.container .shape.shape2.data-v-27a8293c {
+  right: 0;
+  background-color: #91CB74;
+}
+.container .shape.shape3.data-v-27a8293c {
+  bottom: 0;
+  background-color: #FAC858;
+}
+.container .shape.shape4.data-v-27a8293c {
+  bottom: 0;
+  right: 0;
+  background-color: #EE6666;
+}
+.loading3 .shape1.data-v-27a8293c {
+  animation: animation3shape1-27a8293c 0.5s ease 0s infinite alternate;
+}
+@keyframes animation3shape1-27a8293c {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(5px, 5px);
+}
+}
+.loading3 .shape2.data-v-27a8293c {
+  animation: animation3shape2-27a8293c 0.5s ease 0s infinite alternate;
+}
+@keyframes animation3shape2-27a8293c {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(-5px, 5px);
+}
+}
+.loading3 .shape3.data-v-27a8293c {
+  animation: animation3shape3-27a8293c 0.5s ease 0s infinite alternate;
+}
+@keyframes animation3shape3-27a8293c {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(5px, -5px);
+}
+}
+.loading3 .shape4.data-v-27a8293c {
+  animation: animation3shape4-27a8293c 0.5s ease 0s infinite alternate;
+}
+@keyframes animation3shape4-27a8293c {
+from {
+    transform: translate(0, 0);
+}
+to {
+    transform: translate(-5px, -5px);
+}
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading3.axml

@@ -0,0 +1 @@
+<view class="container loading3 data-v-27a8293c"><view class="shape shape1 data-v-27a8293c"></view><view class="shape shape2 data-v-27a8293c"></view><view class="shape shape3 data-v-27a8293c"></view><view class="shape shape4 data-v-27a8293c"></view></view>

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading3.js

@@ -0,0 +1,13 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "loading3",
+  data() {
+    return {};
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {};
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-27a8293c"]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading3.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading4.acss

@@ -0,0 +1,102 @@
+
+.container.data-v-2e7deb83 {
+  width: 30px;
+  height: 30px;
+  position: relative;
+}
+.container.loading5 .shape.data-v-2e7deb83 {
+  width: 15px;
+  height: 15px;
+}
+.container .shape.data-v-2e7deb83 {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 1px;
+}
+.container .shape.shape1.data-v-2e7deb83 {
+  left: 0;
+  background-color: #1890FF;
+}
+.container .shape.shape2.data-v-2e7deb83 {
+  right: 0;
+  background-color: #91CB74;
+}
+.container .shape.shape3.data-v-2e7deb83 {
+  bottom: 0;
+  background-color: #FAC858;
+}
+.container .shape.shape4.data-v-2e7deb83 {
+  bottom: 0;
+  right: 0;
+  background-color: #EE6666;
+}
+.loading5 .shape1.data-v-2e7deb83 {
+  animation: animation5shape1-2e7deb83 2s ease 0s infinite reverse;
+}
+@keyframes animation5shape1-2e7deb83 {
+0% {
+    transform: translate(0, 0);
+}
+25% {
+    transform: translate(0, 15px);
+}
+50% {
+    transform: translate(15px, 15px);
+}
+75% {
+    transform: translate(15px, 0);
+}
+}
+.loading5 .shape2.data-v-2e7deb83 {
+  animation: animation5shape2-2e7deb83 2s ease 0s infinite reverse;
+}
+@keyframes animation5shape2-2e7deb83 {
+0% {
+    transform: translate(0, 0);
+}
+25% {
+    transform: translate(-15px, 0);
+}
+50% {
+    transform: translate(-15px, 15px);
+}
+75% {
+    transform: translate(0, 15px);
+}
+}
+.loading5 .shape3.data-v-2e7deb83 {
+  animation: animation5shape3-2e7deb83 2s ease 0s infinite reverse;
+}
+@keyframes animation5shape3-2e7deb83 {
+0% {
+    transform: translate(0, 0);
+}
+25% {
+    transform: translate(15px, 0);
+}
+50% {
+    transform: translate(15px, -15px);
+}
+75% {
+    transform: translate(0, -15px);
+}
+}
+.loading5 .shape4.data-v-2e7deb83 {
+  animation: animation5shape4-2e7deb83 2s ease 0s infinite reverse;
+}
+@keyframes animation5shape4-2e7deb83 {
+0% {
+    transform: translate(0, 0);
+}
+25% {
+    transform: translate(0, -15px);
+}
+50% {
+    transform: translate(-15px, -15px);
+}
+75% {
+    transform: translate(-15px, 0);
+}
+}
+

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading4.axml

@@ -0,0 +1 @@
+<view class="container loading5 data-v-2e7deb83"><view class="shape shape1 data-v-2e7deb83"></view><view class="shape shape2 data-v-2e7deb83"></view><view class="shape shape3 data-v-2e7deb83"></view><view class="shape shape4 data-v-2e7deb83"></view></view>

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading4.js

@@ -0,0 +1,13 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "loading5",
+  data() {
+    return {};
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {};
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2e7deb83"]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading4.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading5.acss

@@ -0,0 +1,105 @@
+
+.container.data-v-ef674bbb {
+  width: 30px;
+  height: 30px;
+  position: relative;
+}
+.container.loading6.data-v-ef674bbb {
+  animation: rotation 1s infinite;
+}
+.container.loading6 .shape.data-v-ef674bbb {
+  width: 12px;
+  height: 12px;
+  border-radius: 2px;
+}
+.container .shape.data-v-ef674bbb {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  border-radius: 1px;
+}
+.container .shape.shape1.data-v-ef674bbb {
+  left: 0;
+  background-color: #1890FF;
+}
+.container .shape.shape2.data-v-ef674bbb {
+  right: 0;
+  background-color: #91CB74;
+}
+.container .shape.shape3.data-v-ef674bbb {
+  bottom: 0;
+  background-color: #FAC858;
+}
+.container .shape.shape4.data-v-ef674bbb {
+  bottom: 0;
+  right: 0;
+  background-color: #EE6666;
+}
+.loading6 .shape1.data-v-ef674bbb {
+  animation: animation6shape1-ef674bbb 2s linear 0s infinite normal;
+}
+@keyframes animation6shape1-ef674bbb {
+0% {
+    transform: translate(0, 0);
+}
+25% {
+    transform: translate(0, 18px);
+}
+50% {
+    transform: translate(18px, 18px);
+}
+75% {
+    transform: translate(18px, 0);
+}
+}
+.loading6 .shape2.data-v-ef674bbb {
+  animation: animation6shape2-ef674bbb 2s linear 0s infinite normal;
+}
+@keyframes animation6shape2-ef674bbb {
+0% {
+    transform: translate(0, 0);
+}
+25% {
+    transform: translate(-18px, 0);
+}
+50% {
+    transform: translate(-18px, 18px);
+}
+75% {
+    transform: translate(0, 18px);
+}
+}
+.loading6 .shape3.data-v-ef674bbb {
+  animation: animation6shape3-ef674bbb 2s linear 0s infinite normal;
+}
+@keyframes animation6shape3-ef674bbb {
+0% {
+    transform: translate(0, 0);
+}
+25% {
+    transform: translate(18px, 0);
+}
+50% {
+    transform: translate(18px, -18px);
+}
+75% {
+    transform: translate(0, -18px);
+}
+}
+.loading6 .shape4.data-v-ef674bbb {
+  animation: animation6shape4-ef674bbb 2s linear 0s infinite normal;
+}
+@keyframes animation6shape4-ef674bbb {
+0% {
+    transform: translate(0, 0);
+}
+25% {
+    transform: translate(0, -18px);
+}
+50% {
+    transform: translate(-18px, -18px);
+}
+75% {
+    transform: translate(-18px, 0);
+}
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading5.axml

@@ -0,0 +1 @@
+<view class="container loading6 data-v-ef674bbb"><view class="shape shape1 data-v-ef674bbb"></view><view class="shape shape2 data-v-ef674bbb"></view><view class="shape shape3 data-v-ef674bbb"></view><view class="shape shape4 data-v-ef674bbb"></view></view>

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading5.js

@@ -0,0 +1,13 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "loading6",
+  data() {
+    return {};
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return {};
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ef674bbb"]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/loading5.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/qiun-loading.axml

@@ -0,0 +1 @@
+<view><loading1 a:if="{{a}}" u-i="67426558-0" onVI="__l"/><loading2 a:if="{{b}}" u-i="67426558-1" onVI="__l"/><loading3 a:if="{{c}}" u-i="67426558-2" onVI="__l"/><loading4 a:if="{{d}}" u-i="67426558-3" onVI="__l"/><loading5 a:if="{{e}}" u-i="67426558-4" onVI="__l"/></view>

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/qiun-loading.js

@@ -0,0 +1,43 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const Loading1 = () => "./loading1.js";
+const Loading2 = () => "./loading2.js";
+const Loading3 = () => "./loading3.js";
+const Loading4 = () => "./loading4.js";
+const Loading5 = () => "./loading5.js";
+const _sfc_main = {
+  components: { Loading1, Loading2, Loading3, Loading4, Loading5 },
+  name: "qiun-loading",
+  props: {
+    loadingType: {
+      type: Number,
+      default: 2
+    }
+  },
+  data() {
+    return {};
+  }
+};
+if (!Array) {
+  const _component_Loading1 = common_vendor.resolveComponent("Loading1");
+  const _component_Loading2 = common_vendor.resolveComponent("Loading2");
+  const _component_Loading3 = common_vendor.resolveComponent("Loading3");
+  const _component_Loading4 = common_vendor.resolveComponent("Loading4");
+  const _component_Loading5 = common_vendor.resolveComponent("Loading5");
+  (_component_Loading1 + _component_Loading2 + _component_Loading3 + _component_Loading4 + _component_Loading5)();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: $props.loadingType == 1
+  }, $props.loadingType == 1 ? {} : {}, {
+    b: $props.loadingType == 2
+  }, $props.loadingType == 2 ? {} : {}, {
+    c: $props.loadingType == 3
+  }, $props.loadingType == 3 ? {} : {}, {
+    d: $props.loadingType == 4
+  }, $props.loadingType == 4 ? {} : {}, {
+    e: $props.loadingType == 5
+  }, $props.loadingType == 5 ? {} : {});
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/components/qiun-loading/qiun-loading.json

@@ -0,0 +1,11 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {
+    "loading1": "./loading1",
+    "loading2": "./loading2",
+    "loading3": "./loading3",
+    "loading4": "./loading4",
+    "loading5": "./loading5"
+  }
+}

unpackage/dist/dev/mp-alipay/uni_modules/qiun-data-charts/js_sdk/u-charts/config-ucharts.js

@@ -0,0 +1,587 @@
+"use strict";
+const color = ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4", "#ea7ccc"];
+const formatDateTime = (timeStamp, returnType) => {
+  var date = /* @__PURE__ */ new Date();
+  date.setTime(timeStamp * 1e3);
+  var y = date.getFullYear();
+  var m = date.getMonth() + 1;
+  m = m < 10 ? "0" + m : m;
+  var d = date.getDate();
+  d = d < 10 ? "0" + d : d;
+  var h = date.getHours();
+  h = h < 10 ? "0" + h : h;
+  var minute = date.getMinutes();
+  var second = date.getSeconds();
+  minute = minute < 10 ? "0" + minute : minute;
+  second = second < 10 ? "0" + second : second;
+  if (returnType == "full") {
+    return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
+  }
+  if (returnType == "y-m-d") {
+    return y + "-" + m + "-" + d;
+  }
+  if (returnType == "h:m") {
+    return h + ":" + minute;
+  }
+  if (returnType == "h:m:s") {
+    return h + ":" + minute + ":" + second;
+  }
+  return [y, m, d, h, minute, second];
+};
+const cfu = {
+  //demotype为自定义图表类型，一般不需要自定义图表类型，只需要改根节点上对应的类型即可
+  "type": ["pie", "ring", "rose", "word", "funnel", "map", "arcbar", "line", "column", "mount", "bar", "area", "radar", "gauge", "candle", "mix", "tline", "tarea", "scatter", "bubble", "demotype"],
+  "range": ["饼状图", "圆环图", "玫瑰图", "词云图", "漏斗图", "地图", "圆弧进度条", "折线图", "柱状图", "山峰图", "条状图", "区域图", "雷达图", "仪表盘", "K线图", "混合图", "时间轴折线", "时间轴区域", "散点图", "气泡图", "自定义类型"],
+  //增加自定义图表类型，如果需要categories，请在这里加入您的图表类型，例如最后的"demotype"
+  //自定义类型时需要注意"tline","tarea","scatter","bubble"等时间轴（矢量x轴）类图表，没有categories，不需要加入categories
+  "categories": ["line", "column", "mount", "bar", "area", "radar", "gauge", "candle", "mix", "demotype"],
+  //instance为实例变量承载属性，不要删除
+  "instance": {},
+  //option为opts及eopts承载属性，不要删除
+  "option": {},
+  //下面是自定义format配置，因除H5端外的其他端无法通过props传递函数，只能通过此属性对应下标的方式来替换
+  "formatter": {
+    "yAxisDemo1": function(val, index, opts) {
+      return val + "元";
+    },
+    "yAxisDemo2": function(val, index, opts) {
+      return val.toFixed(2);
+    },
+    "xAxisDemo1": function(val, index, opts) {
+      return val + "年";
+    },
+    "xAxisDemo2": function(val, index, opts) {
+      return formatDateTime(val, "h:m");
+    },
+    "seriesDemo1": function(val, index, series, opts) {
+      return val + "元";
+    },
+    "tooltipDemo1": function(item, category, index, opts) {
+      if (index == 0) {
+        return "随便用" + item.data + "年";
+      } else {
+        return "其他我没改" + item.data + "天";
+      }
+    },
+    "pieDemo": function(val, index, series, opts) {
+      if (index !== void 0) {
+        return series[index].name + "：" + series[index].data + "元";
+      }
+    }
+  },
+  //这里演示了自定义您的图表类型的option，可以随意命名，之后在组件上 type="demotype" 后，组件会调用这个花括号里的option，如果组件上还存在opts参数，会将demotype与opts中option合并后渲染图表。
+  "demotype": {
+    //我这里把曲线图当做了自定义图表类型，您可以根据需要随意指定类型或配置
+    "type": "line",
+    "color": color,
+    "padding": [15, 10, 0, 15],
+    "xAxis": {
+      "disableGrid": true
+    },
+    "yAxis": {
+      "gridType": "dash",
+      "dashLength": 2
+    },
+    "legend": {},
+    "extra": {
+      "line": {
+        "type": "curve",
+        "width": 2
+      }
+    }
+  },
+  //下面是自定义配置，请添加项目所需的通用配置
+  "pie": {
+    "type": "pie",
+    "color": color,
+    "padding": [5, 5, 5, 5],
+    "extra": {
+      "pie": {
+        "activeOpacity": 0.5,
+        "activeRadius": 10,
+        "offsetAngle": 0,
+        "labelWidth": 15,
+        "border": true,
+        "borderWidth": 3,
+        "borderColor": "#FFFFFF"
+      }
+    }
+  },
+  "ring": {
+    "type": "ring",
+    "color": color,
+    "padding": [5, 5, 5, 5],
+    "rotate": false,
+    "dataLabel": true,
+    "legend": {
+      "show": true,
+      "position": "right",
+      "lineHeight": 25
+    },
+    "title": {
+      "name": "收益率",
+      "fontSize": 15,
+      "color": "#666666"
+    },
+    "subtitle": {
+      "name": "70%",
+      "fontSize": 25,
+      "color": "#7cb5ec"
+    },
+    "extra": {
+      "ring": {
+        "ringWidth": 30,
+        "activeOpacity": 0.5,
+        "activeRadius": 10,
+        "offsetAngle": 0,
+        "labelWidth": 15,
+        "border": true,
+        "borderWidth": 3,
+        "borderColor": "#FFFFFF"
+      }
+    }
+  },
+  "rose": {
+    "type": "rose",
+    "color": color,
+    "padding": [5, 5, 5, 5],
+    "legend": {
+      "show": true,
+      "position": "left",
+      "lineHeight": 25
+    },
+    "extra": {
+      "rose": {
+        "type": "area",
+        "minRadius": 50,
+        "activeOpacity": 0.5,
+        "activeRadius": 10,
+        "offsetAngle": 0,
+        "labelWidth": 15,
+        "border": false,
+        "borderWidth": 2,
+        "borderColor": "#FFFFFF"
+      }
+    }
+  },
+  "word": {
+    "type": "word",
+    "color": color,
+    "extra": {
+      "word": {
+        "type": "normal",
+        "autoColors": false
+      }
+    }
+  },
+  "funnel": {
+    "type": "funnel",
+    "color": color,
+    "padding": [15, 15, 0, 15],
+    "extra": {
+      "funnel": {
+        "activeOpacity": 0.3,
+        "activeWidth": 10,
+        "border": true,
+        "borderWidth": 2,
+        "borderColor": "#FFFFFF",
+        "fillOpacity": 1,
+        "labelAlign": "right"
+      }
+    }
+  },
+  "map": {
+    "type": "map",
+    "color": color,
+    "padding": [0, 0, 0, 0],
+    "dataLabel": true,
+    "extra": {
+      "map": {
+        "border": true,
+        "borderWidth": 1,
+        "borderColor": "#666666",
+        "fillOpacity": 0.6,
+        "activeBorderColor": "#F04864",
+        "activeFillColor": "#FACC14",
+        "activeFillOpacity": 1
+      }
+    }
+  },
+  "arcbar": {
+    "type": "arcbar",
+    "color": color,
+    "title": {
+      "name": "百分比",
+      "fontSize": 25,
+      "color": "#00FF00"
+    },
+    "subtitle": {
+      "name": "默认标题",
+      "fontSize": 15,
+      "color": "#666666"
+    },
+    "extra": {
+      "arcbar": {
+        "type": "default",
+        "width": 12,
+        "backgroundColor": "#E9E9E9",
+        "startAngle": 0.75,
+        "endAngle": 0.25,
+        "gap": 2
+      }
+    }
+  },
+  "line": {
+    "type": "line",
+    "color": color,
+    "padding": [15, 10, 0, 15],
+    "xAxis": {
+      "disableGrid": true
+    },
+    "yAxis": {
+      "gridType": "dash",
+      "dashLength": 2
+    },
+    "legend": {},
+    "extra": {
+      "line": {
+        "type": "straight",
+        "width": 2,
+        "activeType": "hollow"
+      }
+    }
+  },
+  "tline": {
+    "type": "line",
+    "color": color,
+    "padding": [15, 10, 0, 15],
+    "xAxis": {
+      "disableGrid": false,
+      "boundaryGap": "justify"
+    },
+    "yAxis": {
+      "gridType": "dash",
+      "dashLength": 2,
+      "data": [
+        {
+          "min": 0,
+          "max": 80
+        }
+      ]
+    },
+    "legend": {},
+    "extra": {
+      "line": {
+        "type": "curve",
+        "width": 2,
+        "activeType": "hollow"
+      }
+    }
+  },
+  "tarea": {
+    "type": "area",
+    "color": color,
+    "padding": [15, 10, 0, 15],
+    "xAxis": {
+      "disableGrid": true,
+      "boundaryGap": "justify"
+    },
+    "yAxis": {
+      "gridType": "dash",
+      "dashLength": 2,
+      "data": [
+        {
+          "min": 0,
+          "max": 80
+        }
+      ]
+    },
+    "legend": {},
+    "extra": {
+      "area": {
+        "type": "curve",
+        "opacity": 0.2,
+        "addLine": true,
+        "width": 2,
+        "gradient": true,
+        "activeType": "hollow"
+      }
+    }
+  },
+  "column": {
+    "type": "column",
+    "color": color,
+    "padding": [15, 15, 0, 5],
+    "xAxis": {
+      "disableGrid": true
+    },
+    "yAxis": {
+      "data": [{ "min": 0 }]
+    },
+    "legend": {},
+    "extra": {
+      "column": {
+        "type": "group",
+        "width": 30,
+        "activeBgColor": "#000000",
+        "activeBgOpacity": 0.08
+      }
+    }
+  },
+  "mount": {
+    "type": "mount",
+    "color": color,
+    "padding": [15, 15, 0, 5],
+    "xAxis": {
+      "disableGrid": true
+    },
+    "yAxis": {
+      "data": [{ "min": 0 }]
+    },
+    "legend": {},
+    "extra": {
+      "mount": {
+        "type": "mount",
+        "widthRatio": 1.5
+      }
+    }
+  },
+  "bar": {
+    "type": "bar",
+    "color": color,
+    "padding": [15, 30, 0, 5],
+    "xAxis": {
+      "boundaryGap": "justify",
+      "disableGrid": false,
+      "min": 0,
+      "axisLine": false
+    },
+    "yAxis": {},
+    "legend": {},
+    "extra": {
+      "bar": {
+        "type": "group",
+        "width": 30,
+        "meterBorde": 1,
+        "meterFillColor": "#FFFFFF",
+        "activeBgColor": "#000000",
+        "activeBgOpacity": 0.08
+      }
+    }
+  },
+  "area": {
+    "type": "area",
+    "color": color,
+    "padding": [15, 15, 0, 15],
+    "xAxis": {
+      "disableGrid": true
+    },
+    "yAxis": {
+      "gridType": "dash",
+      "dashLength": 2
+    },
+    "legend": {},
+    "extra": {
+      "area": {
+        "type": "straight",
+        "opacity": 0.2,
+        "addLine": true,
+        "width": 2,
+        "gradient": false,
+        "activeType": "hollow"
+      }
+    }
+  },
+  "radar": {
+    "type": "radar",
+    "color": color,
+    "padding": [5, 5, 5, 5],
+    "dataLabel": false,
+    "legend": {
+      "show": true,
+      "position": "right",
+      "lineHeight": 25
+    },
+    "extra": {
+      "radar": {
+        "gridType": "radar",
+        "gridColor": "#CCCCCC",
+        "gridCount": 3,
+        "opacity": 0.2,
+        "max": 200,
+        "labelShow": true
+      }
+    }
+  },
+  "gauge": {
+    "type": "gauge",
+    "color": color,
+    "title": {
+      "name": "66Km/H",
+      "fontSize": 25,
+      "color": "#2fc25b",
+      "offsetY": 50
+    },
+    "subtitle": {
+      "name": "实时速度",
+      "fontSize": 15,
+      "color": "#1890ff",
+      "offsetY": -50
+    },
+    "extra": {
+      "gauge": {
+        "type": "default",
+        "width": 30,
+        "labelColor": "#666666",
+        "startAngle": 0.75,
+        "endAngle": 0.25,
+        "startNumber": 0,
+        "endNumber": 100,
+        "labelFormat": "",
+        "splitLine": {
+          "fixRadius": 0,
+          "splitNumber": 10,
+          "width": 30,
+          "color": "#FFFFFF",
+          "childNumber": 5,
+          "childWidth": 12
+        },
+        "pointer": {
+          "width": 24,
+          "color": "auto"
+        }
+      }
+    }
+  },
+  "candle": {
+    "type": "candle",
+    "color": color,
+    "padding": [15, 15, 0, 15],
+    "enableScroll": true,
+    "enableMarkLine": true,
+    "dataLabel": false,
+    "xAxis": {
+      "labelCount": 4,
+      "itemCount": 40,
+      "disableGrid": true,
+      "gridColor": "#CCCCCC",
+      "gridType": "solid",
+      "dashLength": 4,
+      "scrollShow": true,
+      "scrollAlign": "left",
+      "scrollColor": "#A6A6A6",
+      "scrollBackgroundColor": "#EFEBEF"
+    },
+    "yAxis": {},
+    "legend": {},
+    "extra": {
+      "candle": {
+        "color": {
+          "upLine": "#f04864",
+          "upFill": "#f04864",
+          "downLine": "#2fc25b",
+          "downFill": "#2fc25b"
+        },
+        "average": {
+          "show": true,
+          "name": ["MA5", "MA10", "MA30"],
+          "day": [5, 10, 20],
+          "color": ["#1890ff", "#2fc25b", "#facc14"]
+        }
+      },
+      "markLine": {
+        "type": "dash",
+        "dashLength": 5,
+        "data": [
+          {
+            "value": 2150,
+            "lineColor": "#f04864",
+            "showLabel": true
+          },
+          {
+            "value": 2350,
+            "lineColor": "#f04864",
+            "showLabel": true
+          }
+        ]
+      }
+    }
+  },
+  "mix": {
+    "type": "mix",
+    "color": color,
+    "padding": [15, 15, 0, 15],
+    "xAxis": {
+      "disableGrid": true
+    },
+    "yAxis": {
+      "disabled": false,
+      "disableGrid": false,
+      "splitNumber": 5,
+      "gridType": "dash",
+      "dashLength": 4,
+      "gridColor": "#CCCCCC",
+      "padding": 10,
+      "showTitle": true,
+      "data": []
+    },
+    "legend": {},
+    "extra": {
+      "mix": {
+        "column": {
+          "width": 20
+        }
+      }
+    }
+  },
+  "scatter": {
+    "type": "scatter",
+    "color": color,
+    "padding": [15, 15, 0, 15],
+    "dataLabel": false,
+    "xAxis": {
+      "disableGrid": false,
+      "gridType": "dash",
+      "splitNumber": 5,
+      "boundaryGap": "justify",
+      "min": 0
+    },
+    "yAxis": {
+      "disableGrid": false,
+      "gridType": "dash"
+    },
+    "legend": {},
+    "extra": {
+      "scatter": {}
+    }
+  },
+  "bubble": {
+    "type": "bubble",
+    "color": color,
+    "padding": [15, 15, 0, 15],
+    "xAxis": {
+      "disableGrid": false,
+      "gridType": "dash",
+      "splitNumber": 5,
+      "boundaryGap": "justify",
+      "min": 0,
+      "max": 250
+    },
+    "yAxis": {
+      "disableGrid": false,
+      "gridType": "dash",
+      "data": [{
+        "min": 0,
+        "max": 150
+      }]
+    },
+    "legend": {},
+    "extra": {
+      "bubble": {
+        "border": 2,
+        "opacity": 0.5
+      }
+    }
+  }
+};
+exports.cfu = cfu;