zhu-jiang-yi-yuan-bigscreen/lib/components/charts/RoseChart.js

南方医科大学珠江医院大屏端

"use strict";

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

var _utils = require("../../utils");

var _bizcharts = require("bizcharts");

var _react = _interopRequireDefault(require("react"));

var _util = require("./_util");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var RoseChart = function RoseChart(props) {
  var color = props.color,
      data = props.data,
      axis = props.axis,
      height = props.height,
      calcRefresh = props.calcRefresh,
      padding = props.padding;
  var field = axis.field,
      dimension = axis.dimension;
  var docWidth = calcRefresh === null || calcRefresh === void 0 ? void 0 : calcRefresh[0];
  return /*#__PURE__*/_react.default.createElement(_bizcharts.Chart, Object.assign({}, {
    data: data,
    height: height
  }, {
    padding: padding || (0, _util.getPadding)(20),
    autoFit: true,
    renderer: "svg"
  }), /*#__PURE__*/_react.default.createElement(_bizcharts.Coordinate, {
    type: "polar",
    startAngle: Math.PI,
    endAngle: Math.PI * (3 / 2)
  }), /*#__PURE__*/_react.default.createElement(_bizcharts.Axis, {
    name: dimension,
    line: false,
    label: {
      style: {
        fontSize: (0, _util.getFontSize)(docWidth),
        fill: 'white'
      }
    },
    grid: {
      line: {
        style: {
          lineDash: (0, _util.getLineDash)(docWidth),
          stroke: _utils.Const.AXIS_COLOR
        },
        type: 'circle'
      },
      closed: false
    }
  }), /*#__PURE__*/_react.default.createElement(_bizcharts.Axis, {
    name: field,
    label: {
      offset: _utils.PxUtil.getCalcNumW(-15),
      style: {
        fill: 'white'
      }
    },
    grid: {
      line: {
        style: {
          lineDash: (0, _util.getLineDash)(docWidth),
          stroke: _utils.Const.AXIS_COLOR
        },
        type: 'circle'
      },
      closed: false
    }
  }), /*#__PURE__*/_react.default.createElement(_bizcharts.Legend, {
    visible: false
  }), /*#__PURE__*/_react.default.createElement(_bizcharts.Tooltip, {
    showTitle: false
  }), /*#__PURE__*/_react.default.createElement(_bizcharts.Interval, Object.assign({}, {
    color: color
  }, {
    position: "".concat(dimension, "*").concat(field),
    adjust: "stack",
    "element-highlight": true,
    style: {
      stroke: 'white'
    },
    label: [field, {
      offset: _utils.PxUtil.getCalcNumW(-15),
      style: {
        textAlign: 'center',
        fill: 'white'
      }
    }]
  })));
};

exports.RoseChart = RoseChart;