binu/bine.common.923.js

This is an easier platfrom with custom component for vue.

"use strict";
((typeof self !== 'undefined' ? self : this)["webpackChunkelastic_pfm"] = (typeof self !== 'undefined' ? self : this)["webpackChunkelastic_pfm"] || []).push([[923],{

/***/ 1923:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "default": function() { return /* binding */ linechart; }
});

;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/epfm/charts/linechart.vue?vue&type=template&id=46443a24&
var render = function render() {
  var _vm = this,
      _c = _vm._self._c;

  return _c('div', {
    ref: 'linechart_' + _vm.stamp,
    staticStyle: {
      "width": "100%",
      "height": "100%"
    }
  });
};

var staticRenderFns = [];

// EXTERNAL MODULE: ./src/components/epfm/utils/pubsub.js + 1 modules
var pubsub = __webpack_require__(6669);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/epfm/charts/linechart.vue?vue&type=script&lang=js&

/* harmony default export */ var linechartvue_type_script_lang_js_ = ({
  name: "line-chart",

  data() {
    return {
      stamp: Date.now(),
      option: {},
      myChart: null
    };
  },

  props: ["name", "move", "time"],

  mounted() {
    this.$nextTick(() => {
      this.updateOption();
      this.loaddata();
    });
  },

  watch: {
    move: {
      handler(val) {
        if (val) {
          this.updateOption();
          this.$nextTick(() => {
            this.loaddata();
          });
        }
      }

    },
    time: {
      handler(val) {
        if (val) {
          this.myChart.resize();
        }
      }

    }
  },
  methods: {
    loaddata() {
      var option = {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross',
            label: {
              backgroundColor: '#6a7985'
            }
          }
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        }
      };
      this.myChart = this.$echarts.init(this.$refs["linechart_" + this.stamp]);
      this.myChart.setOption({ ...option,
        ...this.option
      });
    },

    updateOption() {
      const store = (0,pubsub/* default */.Z)();
      const id = Number(this.name.split("_")[1]);
      const modal = store.getter("modals").find(item => item.id === id);
      const option = store.getter("options")[modal.optionName];
      this.option = option ? option : {};
    }

  }
});
;// CONCATENATED MODULE: ./src/components/epfm/charts/linechart.vue?vue&type=script&lang=js&
 /* harmony default export */ var charts_linechartvue_type_script_lang_js_ = (linechartvue_type_script_lang_js_); 
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(1001);
;// CONCATENATED MODULE: ./src/components/epfm/charts/linechart.vue





/* normalize component */
;
var component = (0,componentNormalizer/* default */.Z)(
  charts_linechartvue_type_script_lang_js_,
  render,
  staticRenderFns,
  false,
  null,
  null,
  null
  
)

/* harmony default export */ var linechart = (component.exports);

/***/ })

}]);
//# sourceMappingURL=bine.common.923.js.map