ming-demo3/lib/components/echart/options/pieChart.js

mdf metaui web

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.setOption = setOption;

var eChartDemoData = _interopRequireWildcard(require("../eChartDemoData"));

var eChartCommon = _interopRequireWildcard(require("../eChartCommon"));

function setOption(chartDisplayType, option, yySetting, data, skinConfig, panelType) {
  var dimensionCodeFileld = eChartCommon.eChartLabel.unionedXCode;
  var dimensionNameFileld = eChartCommon.eChartLabel.unionedXName;
  var measureValueFileld = yySetting.dataField.measure[0].valueField;
  var legendData = [];
  var seriesData = [];
  var colorList = eChartCommon.getChartColorArr(100);
  data.forEach(function (item) {
    if (!!item[dimensionNameFileld] == true) {
      legendData.push({
        name: item[dimensionNameFileld],
        textStyle: {
          width: '10px',
          height: '10px'
        }
      });
      seriesData.push({
        value: item[measureValueFileld],
        name: item[dimensionNameFileld]
      });
    }
  });
  option.legend.data = legendData;
  if (yySetting.orderInfo.orderBy == "asc") seriesData = seriesData.sort(function (a, b) {
    return a.value - b.value;
  });
  if (yySetting.orderInfo.orderBy == "desc") seriesData = seriesData.sort(function (a, b) {
    return b.value - a.value;
  });
  var series = [{
    data: seriesData,
    itemStyle: {
      normal: {
        color: function color(params) {
          return colorList[params.dataIndex];
        }
      }
    }
  }];

  if (yySetting.radius) {
      series[0].radius = [yySetting.radius.radiusInner.toString() + '%', yySetting.radius.radiusOuter.toString() + '%'];
    }

  option.series[0] = cb.utils.extend({}, option.series[0], series[0]);

  if (chartDisplayType == "mobile") {
    option.title.top = 20;
    option.legend.top = 55;
    option.legend.orient = "horizontal";
    option.series[0].center = ['50%', '65%'];
    var pageIcons = [];
    pageIcons.push('path://M655.59457419 295.65338757c10.88416321-10.88416321 10.88416321-28.51523459-1e-8-39.3993978s-28.51523459-10.88416321-39.39939779 0L360.25821593 512.25460031l256.00061055 256.00061053c10.88416321 10.88416321 28.51523459 10.88416321 39.39939779 0s10.88416321-28.51523459 0-39.39939779L438.99336144 512.25460031l216.60121274-216.60121274z');
    pageIcons.push('path://M368.40542581 295.65338757c-10.88416321-10.88416321-10.88416321-28.51523459 1e-8-39.3993978s28.51523459-10.88416321 39.39939779 0l256.00061053 256.00061055-256.00061053 256.00061052c-10.88416321 10.88416321-28.51523459 10.88416321-39.3993978 0s-10.88416321-28.51523459 0-39.39939779l216.60121275-216.60121274-216.60121274-216.60121274z');
    option.legend.pageIcons = {
      vertical: pageIcons,
      horizontal: pageIcons
    };

    option.tooltip.position = function (point, params, dom, rect, size) {
      var x = point[0];
      var y = point[1];
      var viewWidth = size.viewSize[0];
      var viewHeight = size.viewSize[1];
      var boxWidth = size.contentSize[0];
      var boxHeight = size.contentSize[1];
      var posX = 0;
      var posY = 0;

      if (x < boxWidth) {
        posX = 5;
      } else {
        posX = x - boxWidth;
      }

      if (y < boxHeight) {
        posY = 5;
      } else {
        posY = y - boxHeight;
      }

      return [posX, posY];
    };
  } else if (chartDisplayType == eChartCommon.chartDisplayType.panel) {
      option.series[0].label.normal.show = false;
      option.series[0].labelLine.normal.show = false;

      if (panelType == 3) {
        option.series[0].center = ['65%', '50%'];
      } else {
        option.series[0].center = ['70%', '50%'];
      }
    }

  if (!!skinConfig && skinConfig.displaySkin) {
    _.set(option, "title.textStyle.color", skinConfig.displaySkin.textColor);

    _.set(option, "legend.textStyle.color", skinConfig.displaySkin.textColor);

    _.set(option.series[0], "labelLine.normal.lineStyle.color", skinConfig.displaySkin.labelLineColor);

    _.set(option.series[0], "label.normal.textStyle.color", skinConfig.displaySkin.textColor);
  }

  option.legend.pageIconColor = "#949CA6";
  option.legend.pageIconInactiveColor = "#C9CDD3";
  option.legend.pageIconSize = 10;
  return option;
}
//# sourceMappingURL=pieChart.js.map